我需要知道当用户通过新的Fullscreen API进入全屏模式时会触发哪些（DOM）事件。例如，我尝试了这个片段，但它没有触发：
jQuery('body').on('fullScreenChange', function() { alert("Fired!"); });
全屏 API：触发哪些事件？
IT技术
javascript
jquery
fullscreen
jquery-events
2021-03-04 08:06:04
3个回答
我正在使用：
$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', fn);
它适用于 Safari、Chrome 和 Firefox（尚未测试其他）。webkit 和 moz 之间的结果上下文似乎存在细微差别，元素高度和宽度不同。但是事件会发生，这是您的问题。
哦。并注意alert('fs')与全屏测试一起使用。它经常干扰屏幕变化。
您的链接显示了答案...
成功启用全屏模式后，包含全屏元素的文档会收到一个
fullscreenchange事件。当退出全屏模式时，文档再次收到一个fullscreenchange事件。请注意，该fullscreenchange事件本身不提供有关文档是进入还是退出全屏模式的任何信息，但如果文档具有非 nullfullScreenElement，则您知道您处于全屏模式。
有天然的jQuery没有fullscreenChange事件。但是有几个第三方插件可以让您访问事件：
- 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 访问。