javascript - 按 ESC 退出全屏模式消息

Question

我已经在我的桌面 web 应用程序上实现了全屏模式，按下 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();
    }
}