Question

我正在使用HTML5全屏API并在页面中包含一些内容。我不想在任何关键点击关闭全屏模式，如 ESC 。或者我想在 ESC 上再次加载页面。我尝试通过以下代码

捕获 ESC

但是当我在全屏模式激活时按 ESC 时，以下功能无效。如何在全屏模式下禁用 ESC 或在keydown上执行某些操作 ESC ？

$(document).ready(function (){
$(document).keydown(function(e){
    var charCode = e.charCode || e.keyCode || e.which;
    if (charCode == 27){
         alert("Escape is not allowed!");
         activateFullScreen(document.getElementById("myDiv"));
    }
});
});

function activateFullScreen(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

function myFunction() {
activateFullScreen(document.getElementById("myDiv"));
}

HTML：

<body>
<button onclick="myFunction()">Try it</button>
<div id="myDiv"> Some content here </div>
</body>

捕获ESC按下不起作用

0 个答案: