按 ESC 退出全屏模式消息

Question

我已经在我的桌面 webapp 上实现了全屏模式，按下 ESC 按钮实际上会退出全屏模式并更新我的应用程序的布局，因为它调用了我的函数，但是当你点击“按 ESC 退出全屏模式”时退出全屏模式但不更新我的布局，因为直接调用浏览器的 API。我试图弄清楚如何点击“按ESC退出全屏模式”来调用我的函数而不是浏览器的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();
    }
}