当有人使用Escape或F11(JAVASCRIPT)退出全屏显示时,取消选中该复选框

时间:2019-02-10 17:09:03

标签: javascript fullscreen

几个月前,我问了同样的问题:Automatically unchecking the checkbox when someone exits fullscreen using escape or f11 (JAVASCRIPT)

回答了该问题,但是,该技术不再适用于谷歌浏览器。作为我的Javascript新手,我无法弄清楚,也无法在任何地方找到答案。

所以,让我重申一下这个问题。我面临的问题是我不知道如何做到这一点,因此,如果有人在使用Escape或F11切换全屏后退出了全屏,我该如何做,因此该复选框会自动取消选中。请提供确切的脚本<3。

这是我的旧代码:

    var el = document.getElementById('fullscreen');
if (el.checked == true){
document.onfullscreenchange = function ( event ) { 
  el.checked = false;
}; 
  }) );

该社区的一位乐于助人的成员随后帮助了我,并告诉我使用此功能:

    elem.addEventListener("mozfullscreenchange",function(){
    if (document.mozFullScreen == false) {
      document.getElementById("fullscreen").checked = false; 
    }
  }, false);

  elem.addEventListener("webkitfullscreenchange",function(){
      if (document.webkitIsFullScreen == false) {
        document.getElementById("fullscreen").checked = false; 
      }
  }, false);

以下是他提供的内容的现场演示:https://codepen.io/tomdickson/pen/BqZMYz

这仍然适用于Opera,edge和一些浏览器,但不适用于Firefox和chrome。帮助吗?

0 个答案:

没有答案