按ESC退出全屏模式消息

Question

我在我的桌面webapp上实现了全屏模式，然后按ESC按钮实际上将退出全屏模式并更新我的应用程序的布局，因为它调用了我的功能，但是当你点击＆＃34;按ESC退出全屏模式＆＃34;它退出全屏模式，但不会更新我的布局，因为直接调用浏览器的API。我试图找出如何点击＆＃34;按ESC退出全屏模式＆＃34;调用我的函数而不是浏览器的API。感谢。

Answer 1

我有同样的问题，这个代码我已经解决了

$(document).on("webkitfullscreenchange mozfullscreenchange fullscreenchange", function () {
    if (!(document.mozFullScreen || document.webkitIsFullScreen || document.fullscreenchange)) {
        exit_fullscreen();
    }
});

function exit_fullscreen() {
[...] //whatever you need to change in layout
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    }
}