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);