相关疑难解决方法(0)

对我的要求当我按下按钮并在页面恢复到正常模式时隐藏该div时,我必须以全屏模式显示特定的div.

我可以用代码实现全屏模式: -

function launchFullscreen(element) {
    if (element.requestFullscreen) {
        $('#bmessages').show();
        element.requestFullscreen();
    } else if (element.mozRequestFullScreen) {
        $('#bmessages').show();
        element.mozRequestFullScreen();
    } else if (element.webkitRequestFullscreen) {
        $('#bmessages').show();
        element.webkitRequestFullscreen();
    } else if (element.msRequestFullscreen) {
        $('#bmessages').show();
        element.msRequestFullscreen();
    } else {
        console.log("Fullscreen Unavailable");
    }
}

但我无法捕获ESC或Deny事件,以便我可以再次隐藏该div？请告诉我要做什么？

当浏览器已处于全屏模式时,Chrome正在进行F11按键事件.

$(document).on('keydown', function(e) { 
     console.log(e.keyCode);
});

当第一次按下F11并且chrome切换到全屏模式时,上面的代码打印键码,但是如果再次按下F11键,chrome会切换到正常模式,但会吃掉F11键按下事件.

有没有办法在全屏模式下处理Chrome上的F11事件？

PLUNKER