如何使用文档检测全屏.msFullscreenElement !== null (javascript)
How to detect fullscreen using document.msFullscreenElement !== null (with javascript)
使用'document. 'msFullscreenElement !== null',根据这里给出的答案:
我试图检测页面是否在IE11全屏模式:
<!DOCTYPE html>
<head>
<title>Detect Fullscreen</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var inFullscreen = document.msFullscreenElement !== null;
alert("inFullscreen is " + inFullscreen);
</script>
</head>
<body>
<p>Detect Fullscreen in IE11</p>
</body>
</html>
但是,无论浏览器是否全屏,警报的结果都是false。大概是我误解了这句话的用法吧?
MSFullscreenChange事件在元素进入或退出全屏模式后触发,因此您可以获得当前状态。在这个例子中,我们检查msFullscreenElement来查看是否有元素全屏显示。如果一个元素处于全屏模式,则返回该元素,否则msFullscreenElement返回null。
if (document.requestFullscreen) {
document.addEventListener("fullscreenchange", function () {
if (document.fullscreenElement != null) {
console.info("Went full screen");
} else {
console.info("Exited full screen");
}
});
}
else if (document.msRequestFullscreen) {
document.addEventListener("MSFullscreenChange", function () {
if (document.msFullscreenElement != null) {
console.info("Went full screen");
} else {
console.info("Exited full screen");
}
});
}
相关文章:
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- 来自文本输入null的html javascript变量
- html+javascript:如何在某些条件下禁用dropdownlist中的null选项
- 当null应该在javascript中使用而不是未定义时
- Javascript Float32数组抛出无法读取属性'0'即使数组定义良好,也为null
- 全局Javascript变量变为null
- 验证对象是否为null Javascript/Angularjs
- 如何在JavaScript中检查变量是否为null和/或未定义
- 无法设置属性'innerHTML'在javascript中为null
- Javascript将变量作为null传递
- 加载的XML文档为null(Javascript)
- ASP.net Javascript函数中的隐藏字段为null
- javascript,HTML表单:单击按钮插入NULL
- Variable is null - javascript
- 如何使用文档检测全屏.msFullscreenElement !== null (javascript)
- appendChild null | javascript/html
- 无法读取property 'length'null (javascript)
- ajax xmlhttp response is null - javascript
- 无法读取属性'addEventListener'为null(JavaScript帆船应用程序)
- 无法读取属性'null"javascript错误