当有人使用转义或 f11 退出全屏时自动取消选中复选框 (JAVASCRIPT) [英] Automatically unchecking the checkbox when someone exits fullscreen using escape or f11 (JAVASCRIPT)

问题描述

我对 javascript 很陌生，只知道基本的基础知识.我有一个 HTML 复选框，它由 javascript 提供支持来切换和取消全屏切换.我面临的问题是我不知道如何做到这一点，所以如果有人在使用转义或 f11 切换全屏后退出全屏，我该如何做到这样复选框会自动取消选中.请给我一个确切的脚本<3.

I am very new to javascript and only know bare basics. I have an HTML checkbox which is powered by javascript to toggle and untoggle fullscreen. The problem I am facing is I don't know how to make it so if someone exits the fullscreen after toggling fullscreen using escape or f11, how do I make it so the checkbox automatically unchecks. Please provide me an exact script <3.

这是我到目前为止所拥有的:https://codepen.io/SkylixMC/pen/JmJwVL

Here is what I have so far: https://codepen.io/SkylixMC/pen/JmJwVL

我尝试使用这个脚本但没有成功:

I have tried using this script with out any success:

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

推荐答案

我花费的时间比我想象的要长得多.按照 this 我能够计算出以下内容:

Took me a lot longer than I thought this would. Following this I was able to work out the below:

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);

这是一个活生生的例子

这篇关于当有人使用转义或 f11 退出全屏时自动取消选中复选框 (JAVASCRIPT)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！