问题描述
我对 javascript 很陌生,只知道基本的基础知识.我有一个 HTML 复选框,它由 javascript 提供支持来切换和取消全屏切换.我面临的问题是我不知道如何做到这一点,所以如果有人在使用转义或 f11 切换全屏后退出全屏,我该如何做到这样复选框会自动取消选中.请给我一个确切的脚本
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)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!