javascript - 使用 FullScreen API 进行全屏 Keydown 事件

Question

我在 Chrome 和 Firefox 中使用 JavaScript FullScreen API 和 jQuery。我想停止 keydownevent 冒泡，因为我不希望用户使用热键(F11 和 Ecs)离开全屏模式。但是chrome中的回调不会调用，而firefox中的回调会调用F11，但不会调用Esc。为什么会发生这种情况？

$(document).bind({
    'keydown': function (e) {
        alert('It works!');
        if (e.which == 122 || e.which == 27) {
             alert('F11 or Esc');
             return false;
        }
});

var docElm = document.getElementById('gallery');
if (docElm.mozRequestFullScreen) {
     docElm.mozRequestFullScreen();
}
else if (docElm.webkitRequestFullScreen) {
     docElm.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}

Answer 1

之所以发生这种情况，是因为它是一种内置的安全方法，浏览器 vendor 已对其进行了明确的硬编码，目的是防止您的客户真正想要做的事情:阻止人们离开。

就个人而言，我希望 esc 可以用作调出全屏游戏菜单的按钮(多年来一直这样做)，但目前这不是一个选项.

当然，你可以监听退出全屏，然后调出游戏菜单(这很奇怪)，但除此之外，联属营销人员只会向你塞满全页广告，让它们充​​满——屏幕，并且除了关闭浏览器之外不提供退出按钮(如果不使用键盘就无法做到这一点，全屏也可以阻止)。