在全屏模式Internet Explorer中檢測事件更改

Question

我正在嘗試編寫一個事件處理程序，用於檢測我所擁有的視頻播放器是處於全屏還是“常規”模式。

我試過用

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

但這在IE中不起作用，我使用webkitfullscreenchange和mozfullscreenchange事件為firefox和chrome實現了同樣的功能。 我可以在IE中使用其他任何事件嗎？ 或者另一種方式呢？

任何幫助，將不勝感激。 謝謝！

Answer 1

你有jQuery，所以使用它：

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

});

（無論如何，IE 9之前的版本不支持addEventListener ）

同時，在任何版本的IE中都不支持全屏：

• http://caniuse.com/fullscreen

MDN參考：

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

這是一個可能的黑客圍繞它：

• onfullscreenchange DOM事件

Answer 2

有一個名為jquery-fullscreen的jQuery插件可以完全按照你的需要進行操作。 在Fullscreen-API標准結晶之前，這可能是最好的選擇。

您也可以使用Modernizr fullscreen-api檢查並在瀏覽器不支持的情況下通過自己觸發事件來填充它（請參閱此問題以獲取檢測方法）

Answer 3

下載此腳本： https ： //raw.githubusercontent.com/sindresorhus/screenfull.js/gh-pages/dist/screenfull.js

使用此代碼：

if (screenfull.enabled) {
    screenfull.onchange(() => {
        icono_full(screenfull.isFullscreen);
    });
}


function icono_full(x) {
    if (x == true) {
        //do when full screen is on
    } else {
        //not full screen
    }
}

請參閱： https ： //github.com/sindresorhus/screenfull.js