用户在javascript中全屏退出时，如何取消选中复选框？

Question

我有一个ID为“全屏”的复选框元素。单击复选框将使用户进入全屏模式。但是，如果用户使用f11退出全屏模式，则该复选框保持选中状态。

  

我正在寻找如下脚本：

     

如果选中了“全屏”复选框，并且选中了“ onfullscreenchange”   事件发生

     

然后，取消选中ID为“全屏”的复选框。

这就是我现在拥有的： 它不起作用-

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

我该怎么做？请帮忙！

Answer 1

您可以使用带有供应商前缀的onfullscreenchange事件侦听器，以侦听全屏更改并执行所需的操作。

document.addEventListener("webkitfullscreenchange", function (event) { 
  var el = document.getElementById('fullscreen');
  if(document.webkitFullscreenElement === null) {
    elem.checked = false
  }
}); 

或者

["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "msfullscreenchange"].forEach(
prefixed => document.addEventListener(prefixed, function() {
  var el = document.getElementById('fullscreen');
  el.checked = false;

}） ）;