mozfullscreenchange不工作在Firefox中

Question

我想在屏幕更改（完整/默认）上添加一个事件。给定的功能很好地工作在Chrome中，但不能在Firefox中工作。

if (myid.addEventListener){ 
    myid.addEventListener('webkitfullscreenchange' , changeScreen , false) 
    myid.addEventListener('mozfullscreenchange' , changeScreen , false) 
    myid.addEventListener('fullscreenchange' , changeScreen , false) 
    myid.addEventListener('MSwebkitfullscreenchange' , changeScreen , false) 
} 

else { 
    myid.attachEvent('fullscreenchange' , changeScreen) 
} 
function changeScreen(){ 
    if (mydiv.id != 'oldid') { 
     mydiv.id = 'oldid' 
    } 
    else { 
     mydiv.id = 'newid' 
    } 
} 

我该怎么去错了。请不要J查询。只有JavaScript。

Answer 1

'mozfullscreenchange'是包含元素的文档事件（在这种情况下，我认为'myid'是元素）。

所以，我认为你可以修改代码：

if (myid.addEventListener){ 
    myid.addEventListener('webkitfullscreenchange' , changeScreen , false) 
    document.addEventListener('mozfullscreenchange' , changeScreen , false) 
    myid.addEventListener('fullscreenchange' , changeScreen , false) 
    myid.addEventListener('MSwebkitfullscreenchange' , changeScreen , false) 
} 

您可以找到有关这个链接（通知部分） 'mozfullscreenchange' 的更多信息：https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API