Javascript Chrome中未触发fullscreenchange事件
我正在尝试监视浏览器何时进入全屏模式 作为全屏API的指南,我搜索的每个地方都会引用这个博客 这个答案也声称这是有效的 这是我的jQuery代码,但它没有触发事件Javascript Chrome中未触发fullscreenchange事件,javascript,jquery,google-chrome,fullscreen,Javascript,Jquery,Google Chrome,Fullscreen,我正在尝试监视浏览器何时进入全屏模式 作为全屏API的指南,我搜索的每个地方都会引用这个博客 这个答案也声称这是有效的 这是我的jQuery代码,但它没有触发事件 $(document).on("webkitfullscreenchange mozfullscreenchange fullscreenchange",function(){ console.log("bang!"); }); 看起来很简单,但它不会在铬中燃烧。知道我做错了什么吗 更新: 发现了一些新的东西。只
$(document).on("webkitfullscreenchange mozfullscreenchange fullscreenchange",function(){
console.log("bang!");
});
看起来很简单,但它不会在铬中燃烧。知道我做错了什么吗
更新:
发现了一些新的东西。只有当JavaScript调用
requestFullScreen
API时,事件才起作用,但当用户按下F11fullscreenchange
事件确实起作用时,事件才起作用,但只有当requestFullScreen
触发全屏模式时,事件才起作用
如果用户通过热键手动启用全屏模式,则存在一个安全限制,阻止JavaScript进行监视
或者,您可以监视调整大小事件,以查看窗口是否与桌面大小匹配,但这对我来说似乎是一种攻击(即,这在双监视器上可以工作吗?)
我决定放弃监视全屏模式,只使用API切换状态。
document.addEventListener(“keydown”,e=>{if(e.key==“F11”)e.preventDefault();})代码>仅在进入全屏时有效。退出时,全屏显示不起作用。(在谷歌浏览器中)我不知道为什么。