javascript - FullScreenChange 事件不起作用

Question

我尝试绑定(bind) FullScreenChange 事件，但它不起作用。也许我做错了什么？

$(document).bind('webkitfullscreenchange mozfullscreenchange fullscreenchange',function(){
if(document.fullScreen){
    console.log('Go to Full Screen mode');
    }else{
    console.log('Exit Full Screen mode');
    }
});

Answer 1

您可能需要为 document.fullScreen 属性使用特定于 vendor 的前缀

var isFullScreen = document.fullScreen || 
                   document.mozFullScreen || 
                   document.webkitIsFullScreen;

此处提供更多信息:

https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode