捕獲Chrome瀏覽器全屏退出事件


參考地址

document.addEventListener("fullscreenchange", function(e) {
  console.log("fullscreenchange", e);
});
document.addEventListener("mozfullscreenchange", function(e) {
  console.log("mozfullscreenchange ", e);
});
document.addEventListener("webkitfullscreenchange", function(e) {
  console.log("webkitfullscreenchange", e);
});
document.addEventListener("msfullscreenchange", function(e) {
  console.log("msfullscreenchange", e);
});

解決方法:

 document.addEventListener("webkitfullscreenchange", function (e) {
            if (e.currentTarget.webkitIsFullScreen) {
                //注意:這里的frames[id],id是拓撲圖監控的菜單id,如果菜單id變了,這里也要相應的變化
                $("#fullscreen1", window.frames['name'].document).hide();
                $("#quitfullscreen", window.frames['name'].document).show();
            } else {
                $("#fullscreen1", window.frames['name'].document).show();
                $("#quitfullscreen", window.frames['name'].document).hide();
            }
        }, false);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM