以全屏模式查看页面时显示一些文本:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
亲自试一试 »
当以全屏模式查看元素时,会发生 fullscreenchange 事件。
笔记:此事件需要特定的前缀才能在不同的浏览器中工作(请参阅下面的浏览器支持)。
提示:使用元素.requestFullscreen()方法以全屏模式查看元素。
提示:使用元素.exitFullscreen()取消全屏模式的方法。
表中的数字指定完全支持该事件的第一个浏览器版本。笔记:每个浏览器都需要特定的前缀(见括号):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
使用跨浏览器代码的前缀:
/* Standard syntax */
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 元素 |
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!