Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sql-server/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JS全屏显示页面_Javascript_Html_Css - Fatal编程技术网

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()模拟单击但不起作用,这就是问题所在。无论我们模拟点击、鼠标或其他什么,全屏都需要一个由用户触发的事件。它需要真正的互动。