全屏API：触发了哪些事件？

Question

我需要知道当用户通过新的Fullscreen API进入全屏模式时会触发哪些（DOM）事件。我试过这个代码片段，但它没有触发：

jQuery('body').on('fullScreenChange', function() { alert("Fired!"); });

Answer 1

我正在使用：

$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', fn);

它为Safari，Chrome和Firefox开火（尚未测试其他人）。 webkit和moz之间的结果似乎有细微差别， 元素的高度和宽度是不同的。但事件发生了，这是你的问题。

喔。并注意使用alert('fs')进行全屏测试。它经常干扰屏幕更改。

Answer 2

您的链接shows the answer ...

  

成功启用全屏模式后，包含全屏元素的文档会收到fullscreenchange事件。退出全屏模式时，文档再次收到fullscreenchange事件。请注意，fullscreenchange事件本身并未提供有关文档是进入还是退出全屏模式的任何信息，但如果文档具有非空fullScreenElement，则表示您已进入全屏模式。

Answer 3

有no fullscreenChange event in native jQuery。但是有几个第三方插件可以让您访问该事件：

• http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/
• https://github.com/ruidlopes/jquery-fullscreen/blob/master/jquery.fullscreen.js
• https://github.com/hdragomir/jQuery-Fullscreen-Event
• https://github.com/ruidlopes/jquery-fullscreen

正如您在其代码中看到的那样，此类事件没有干净的API访问权限。