Mozfullscreenchange 事件不會觸發

Question

我的代碼：

$('#divid').on('mozfullscreenchange webkitfullscreenchange fullscreenchange MSFullscreenChange', notify);

$('#divid').bind('mozfullscreenchange webkitfullscreenchange fullscreenchange MSFullscreenChange', notify);

webkitfullscreenchange按預期工作，但mozfullscreenchange似乎什么都不做。

.bind也無濟於事。

我究竟做錯了什么？

Answer 1

根據這里的最后一條評論：

事件在文檔上觸發，而不是在全屏元素上觸發

他們還說它記錄在 mozilla 開發人員頁面上。

因此，將偵聽器放在document ，而不是放在元素上。

Answer 2

感謝 simon，我忘記了 moz 文檔。

最終命令：

   document.addEventListener("fullscreenchange", notify);
   document.addEventListener("webkitfullscreenchange", notify);
   document.addEventListener("mozfullscreenchange", notify);
   document.addEventListener("MSFullscreenChange", notify);

Answer 3

Mobile Safari 和 Chrome 需要這個來檢測全屏退出：

  video.addEventListener('webkitendfullscreen', function () {
    // do stuff here
  }, false);