按ESC退出全屏模式信息

Press ESC to exit full screen mode message

本文关键字：模式 信息 ESC 退出      更新时间：2023-09-26

我已经在桌面Web应用程序上实现了全屏模式，按下ESC按钮实际上会退出全屏模式并更新我的应用程序布局，因为它调用了我的功能，但当你点击"按ESC退出全屏模式"时，它会退出全屏方式，但不会更新我的布局，因为直接调用了浏览器的API。我想知道如何点击"按ESC退出全屏模式"来调用我的函数，而不是浏览器的API。谢谢

我遇到了同样的问题，用这段代码我解决了

$(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();
    }
}
相关文章：