全屏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

您的链接显示答案 ...

成功启用全屏模式时,包含全屏元素的文档会收到fullscreenchange事件.退出全屏模式时,文档再次接收 fullscreenchange事件.请注意,fullscreenchange事件本身不提供有关文档是进入还是退出全屏模式的任何信息,但如果文档为非空fullScreenElement,则表示您处于全屏模式.