firefox上的javascript mozfullscreenchange_Javascript_Firefox_Javascript Events_Fullscreen

firefox上的javascript mozfullscreenchange

javascript firefox

firefox上的javascript mozfullscreenchange,javascript,firefox,javascript-events,fullscreen,Javascript,Firefox,Javascript Events,Fullscreen,我试图通过javascript中的全屏更改来了解用户何时全屏显示div。该脚本与Chrome（将div设置为全屏，显示警报，然后关闭全屏，再次显示警报）配合使用，但与Firefox不配合使用。为什么? <!DOCTYPE html> <head> <meta content="text/html; Charset=UTF-8" http-equiv="Content-Type" /> <title>test fullscreenchange &l

我试图通过javascript中的全屏更改来了解用户何时全屏显示div。该脚本与Chrome（将div设置为全屏，显示警报，然后关闭全屏，再次显示警报）配合使用，但与Firefox不配合使用。为什么?

<!DOCTYPE html>

<head>
<meta content="text/html; Charset=UTF-8" http-equiv="Content-Type" />
<title>test fullscreenchange </title>

</head>

<body>
<div id="macarte" class="csscarte"  style="color: green" >my div</div>
 <button onclick="goFullscreen('macarte'); return false">showfullscreen</button>    

<script type="text/javascript">


function fullscreenouinon() {alert("Full Screen Change !");};

function goFullscreen(id) {


    // Get the element that we want to take into fullscreen mode
    var thediv = document.getElementById(id);

    // These function will not exist in the browsers that don't support fullscreen mode yet, 
    // so we'll have to check to see if they're available before calling them.

   if (thediv.requestFullScreen) {
                //fonction officielle du w3c
                thediv.addEventListener("fullscreenchange", function() {fullscreenouinon()}, false); 
                thediv.requestFullScreen();
        } else if (thediv.webkitRequestFullScreen) {
                //fonction pour Google Chrome (on lui passe un argument pour autoriser le plein écran lors d'une pression sur le clavier)
                thediv.addEventListener("webkitfullscreenchange", function() {fullscreenouinon()}, false); 
                thediv.webkitRequestFullScreen(thediv.ALLOW_KEYBOARD_INPUT);
        } else if (thediv.mozRequestFullScreen){
                //fonction pour Firefox

                thediv.addEventListener("mozfullscreenchange", function() {fullscreenouinon()}, false); 

                thediv.mozRequestFullScreen();
        } else {
                alert('Votre navigateur ne supporte pas le mode plein écran, il est temps de passer à un plus récent ;)');
        }

  };
</script>
</body></html>


测试全屏幕更改
我的部门
全屏放映
函数fullscreenouinon（）{alert（“全屏更改！”）；}；
功能全屏（id）{
//获取我们想要进入全屏模式的元素
var thediv=document.getElementById（id）；
//这些功能在不支持全屏模式的浏览器中不存在，
//所以在给他们打电话之前，我们必须检查一下他们是否有空。
如果（驱动请求全屏）{
//w3c官方基金会
addEventListener（“fullscreenchange”，function（）{fullscreenouinon（）}，false）；
thediv.requestFullScreen（）；
}else if（div.webkit请求全屏）{
//谷歌Chrome浏览器的功能（关于键盘上的自动编辑功能）
addEventListener（“webkitfullscreenchange”，function（）{fullscreenouinon（）}，false）；
全屏显示Div.WebKitRequest（Div.ALLOW_键盘输入）；
}else if（全屏显示）{
//火狐喷泉
addEventListener（“mozfullscreenchange”，function（）{fullscreenouinon（）}，false）；
thediv.mozRequestFullScreen（）；
}否则{
警报（“Votre navigateur ne supporte pas le mode pleinécran，il est temps de passeráun plus récent；”）；
}
};

“当全屏模式成功启用时，包含该文档的文档将收到mozfullscreenchange事件。退出全屏模式时，文档再次收到mozfullscreenchange事件。请注意，mozfullscreenchange事件本身不提供有关文档是否进入或退出全屏模式的任何信息，但如果文档具有非空MozFullScreen元素，则您知道您处于全屏模式。” 从这里开始-

因此，您应该将

mozfullscreenchange

事件的EventListener添加到

文档中，而不是元素中（并检查是否存在非null
mozFullScreenElement

？）