Question

我正在使用HTML创建一个Android测验游戏。我想要一个代码或技术，通过离开当前页面，玩家无法返回。这是一款Android游戏。请帮助我如何在HTML中完成。

Answer 1

看看这个小提琴https://jsfiddle.net/Limitlessisa/axt1Lqoz/（点击分享，然后使用浏览器后退按钮），它将为您提供所需的基础。禁用浏览器控件不是一个好主意 - 我建议您显示一个对话框并告诉用户他们将离开游戏并返回是/否。

<html>
<head>
<title>Back Button Example</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body style="text-align:center; padding:0;">
    <a href="#share" id="share">Share</a>
    <div class="share" style="">
        <h1>Test Page</h1>
        <p> Back button press please for control.</p>
    </div>
</body>
</html>

<script>
$(document).ready(function() {
  $('body').on('click touch', '#share', function(e) {
    $('.share').fadeIn();
  });
});

// geri butonunu yakalama
window.onhashchange = function(e) {
  //var oldURL = e.oldURL.split('#')[1];
  //var newURL = e.newURL.split('#')[1];

  if (oldURL == 'share') {
    //$('.share').fadeOut();
    //e.preventDefault();
    //return false;
  }
  //console.log('old:'+oldURL+' new:'+newURL);
}
</script>

<style>
.share{position:fixed; display:none; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); color:white; padding:20px;
</style>

如何在HTML中停止按钮？

1 个答案: