javascript - 全屏API : Which events are fired?

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')。它经常干扰屏幕变化。