在全屏模式Internet Explorer中检测事件更改

lbo*_*yel 4 html javascript jquery dom

我正在尝试编写一个事件处理程序,用于检测我所拥有的视频播放器是处于全屏还是"常规"模式.

我试过用

 document.addEventListener("fullscreenchange", myfunc, false);
Run Code Online (Sandbox Code Playgroud)

但这在IE中不起作用,我使用webkitfullscreenchange和mozfullscreenchange事件为firefox和chrome实现了同样的功能.我可以在IE中使用其他任何事件吗?或者另一种方式呢?

任何帮助,将不胜感激.谢谢!

Ian*_*Ian 11

你有jQuery,所以使用它:

var screen_change_events = "webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange";
$(document).on(screen_change_events, function () {

});
Run Code Online (Sandbox Code Playgroud)

(addEventListener反正在IE 9之前的版本中不受支持)

同时,在任何版本的IE中都不支持全屏:

MDN参考:

这是一个可能的黑客围绕它:

  • @Ian这将无法在IE11或更高版本上运行,对于IE11及更高版本,将"MSFullscreenChange"添加到screen_change_events (2认同)