Javascript 使用JS全屏显示页面
我想在页面打开时全屏显示页面(无需用户输入)。我该怎么做? 我试过这个代码,但它实际上不起作用Javascript 使用JS全屏显示页面,javascript,html,css,Javascript,Html,Css,我想在页面打开时全屏显示页面(无需用户输入)。我该怎么做? 我试过这个代码,但它实际上不起作用 function fullScreen(element) { if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.webkitrequestFullscreen) { element.webkitRequestFullscreen();
function fullScreen(element) {
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.webkitrequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.mozRequestFullscreen) {
element.mozRequestFullscreen();
}
}
var html = document.documentElement;
fullScreen(html);
今天(2018年6月),如果没有用户交互触发的事件,调用全屏方法是不可能的。正如博士所说:
全屏请求需要从事件处理程序或
否则他们将被拒绝
我们无法模仿这种互动。此示例显示了以下行为:
<div id="somediv">
content
</div>
<script>
var div = document.getElementById("somediv");
function toggleFullScreen() {
if (!document.mozFullScreen && !document.webkitFullScreen) {
if (div.mozRequestFullScreen) {
div.mozRequestFullScreen();
} else {
div.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else {
document.webkitCancelFullScreen();
}
}
}
document.addEventListener("click", function(e) {
console.log("click");
toggleFullScreen();
}, false);
div.click();
</script>
内容
var div=document.getElementById(“somediv”);
函数切换全屏(){
如果(!document.mozFullScreen&&!document.webkitFullScreen){
如果(div.mozRequestFullScreen){
div.mozRequestFullScreen();
}否则{
div.webkitRequestFullScreen(元素.允许键盘输入);
}
}否则{
if(document.mozCancelFullScreen){
document.mozCancelFullScreen();
}否则{
document.webkitcancelfulscreen();
}
}
}
文档.添加的列表器(“单击”,函数(e){
控制台日志(“单击”);
切换全屏();
},假);
div.click();
这个示例显示console.log(“click”);在没有交互的情况下执行,但全屏显示被拒绝。如果用户执行单击(用户事件),则允许全屏显示 你能说得更具体些吗?它是否什么也不做,是否使页面几乎全屏显示,是否使页面全屏显示一秒钟,然后返回/在滚动时返回?等等。我想你们可以在这里找到合适的例子:@TylerH它什么都不做,页面打开时是usual@monogate谢谢,但我需要的页面是全屏加载后,没有用户交互。可能吗?你试过这个吗?好的,谢谢。而不是另一个问题。如何使用指定的url在kiosk模式下启动默认系统浏览器?这实际上就是我需要的编辑类似于:google chrome——linux和windows中的kiosk:chrome.exe——kiosk,我不确定Firefox还有,有没有办法模拟用户输入?也许那太容易了,我们不能在全屏上这么做。在代码中,.click()模拟单击但不起作用,这就是问题所在。无论我们模拟点击、鼠标或其他什么,全屏都需要一个由用户触发的事件。它需要真正的互动。