javascript - 在自动点击按钮上全屏
问题描述
我必须在页面加载时通过自动单击网页上的按钮使浏览器进入全屏状态。
我有这个全屏代码:
/* Get the element you want displayed in fullscreen */
var elem = document.documentElement;
/* Function to open fullscreen mode */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) { /* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}
/* Function to close fullscreen mode */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}
// Events
var output = document.getElementById("myButton");
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
document.addEventListener("mozfullscreenchange", function() {
output.innerHTML = "mozfullscreenchange event fired!";
});
document.addEventListener("webkitfullscreenchange", function() {
output.innerHTML = "webkitfullscreenchange event fired!";
});
document.addEventListener("msfullscreenchange", function() {
output.innerHTML = "msfullscreenchange event fired!";
});
<button id="myButton" onclick="openFullscreen()">Go Fullscreen</button>
解决方案
推荐阅读
- javascript - 创建新的 Promise 而不是使用 then() JS
- python - BeautifulSoup 中的查找按钮
- replace - Notepad++ 替换为双引号字符
- javascript - 在向客户端发送响应之前处理 NodeJS 流式传输值
- python-3.x - 导入值未更改
- spring - 将响应转换为 JSON 格式 spring
- python - 模拟 Boto3 AWS 调用,客户端是全局的
- python - 无法安装 Python 模块
- java - Java套接字上的NullPointerException
- c++ - 为什么 XMMatrixLookAtLH 会导致调试错误?