Internet explorer全屏模式下检测事件更改

Detecting Event change in fullscreen mode Internet explorer

本文关键字：检测 事件 模式 explorer Internet      更新时间：2023-09-26

我正在尝试编写一个事件处理程序，检测我的视频播放器是否处于全屏或'常规'模式。

我试过使用

 document.addEventListener("fullscreenchange", myfunc, false);

但是这在IE中不起作用，我使用webkitfullscreenchange和mozfullscreenchange事件为firefox和chrome实现了同样的事情。我可以在IE中使用其他事件吗?或者用另一种方法?

任何帮助都会很感激。谢谢!

你有jQuery，所以使用它:

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

(addEventListener在ie9之前的版本中不支持)

同时，似乎所有版本的IE都不支持全屏:

  • http://caniuse.com/fullscreen

MDN参考:

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

这里有一个可能的破解方法:

  • onfullscreenchange DOM event

有一个名为jQuery -fullscreen的jQuery插件，它可以完全满足您的需求。在全屏api标准具体化之前，这可能是最好的选择。

你也可以使用Modernizr full - screen-api检查，如果浏览器不支持，你可以自己触发这个事件(查看这个问题的检测方法)

相关文章：