fullscreenchange 事件
示例
在页面以全屏模式查看时显示一些文本
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange 事件已触发!";
});
自己动手试一试 »
描述
当元素以全屏模式查看时,会触发 fullscreenchange 事件。
注意: 此事件需要特定的前缀才能在不同浏览器中工作(请参阅下面的浏览器支持)。
提示:使用 element.requestFullscreen() 方法以全屏模式显示元素。
提示:使用 element.exitFullscreen() 方法退出全屏模式。
浏览器支持
表中数字表示完全支持该事件的第一个浏览器版本。注意: 每个浏览器都需要一个特定的前缀(请参阅括号)
事件 | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
示例
使用前缀实现跨浏览器代码
/* 标准语法 */
document.addEventListener("fullscreenchange", function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenchange", function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
自己动手试一试 »
语法
在 HTML 中
<element onfullscreenchange="myScript">
在 JavaScript 中
object.onfullscreenchange = function(){myScript};
在 JavaScript 中,使用 addEventListener() 方法
object.addEventListener("fullscreenchange", myScript);
自己动手试一试 »
技术详情
冒泡 | 是 |
---|---|
可取消 | 否 |
事件类型 | 事件 |
HTML 标签 | 所有 HTML 元素 |