Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.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 自动单击按钮全屏显示_Javascript_Jquery - Fatal编程技术网

Javascript 自动单击按钮全屏显示

Javascript 自动单击按钮全屏显示,javascript,jquery,Javascript,Jquery,我必须通过自动点击网页上的按钮使浏览器在加载页面时全屏显示 我有以下全屏代码: /*获取要全屏显示的元素*/ var elem=document.documentElement; /*功能打开全屏模式*/ 函数openFullscreen(){ if(元素请求全屏){ 元素请求全屏(); }else if(elem.mozRequestFullScreen){/*Firefox*/ elem.mozRequestFullScreen(); }else if(elem.webkitRequest

我必须通过自动点击网页上的按钮使浏览器在加载页面时全屏显示

我有以下全屏代码:

/*获取要全屏显示的元素*/
var elem=document.documentElement;
/*功能打开全屏模式*/
函数openFullscreen(){
if(元素请求全屏){
元素请求全屏();
}else if(elem.mozRequestFullScreen){/*Firefox*/
elem.mozRequestFullScreen();
}else if(elem.webkitRequestFullscreen){/*Chrome、Safari和Opera*/
elem.webkitRequestFullscreen();
}else if(elem.msRequestFullscreen){/*IE/Edge*/
elem.msRequestFullscreen();
}
}
/*功能关闭全屏模式*/
函数关闭全屏(){
if(document.exitFullscreen){
document.exitFullscreen();
}else if(document.mozCancelFullScreen){
document.mozCancelFullScreen();
}else if(document.webkitExitFullscreen){
document.webkitExitFullscreen();
}else if(document.msexit全屏){
document.msExitFullscreen();
}
}
//事件
var输出=document.getElementById(“myButton”);
document.addEventListener(“fullscreenchange”,函数(){
output.innerHTML=“已触发fullscreenchange事件!”;
});
document.addEventListener(“mozfullscreenchange”,函数(){
output.innerHTML=“mozfullscreenchange事件已激发!”;
});
document.addEventListener(“webkitfullscreenchange”,函数(){
output.innerHTML=“webkitfullscreenchange事件已激发!”;
});
document.addEventListener(“msfullscreenchange”,函数(){
output.innerHTML=“msfullscreenchange事件已激发!”;
});

Go Fullscreen
方法
requestFullscreen
只能在响应用户交互或设备方向改变时调用

请参见文档下方的注释:

该函数还返回一个承诺,如果请求失败,该承诺将被拒绝:

document.requestFullscreen().then(() => {
   // Fullscreen mode is active
}).catch(err => {
   alert(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
});

因此,至少需要与页面交互,没有它,任何页面都可以在没有用户“许可”的情况下进入全屏模式。

您可以使用名为jQuery fullscreen的插件,它允许您在全屏模式下打开页面上的任何元素,而无需在所有现代浏览器(Firefox、Chrome、Safari、Opera)中使用Flash。如果浏览器不支持此功能,则元素将被拉伸以填充屏幕,而不会切换到全屏

下载插件


此插件的演示

欢迎使用Stackoverflow,Adnail。请给您的问题添加一个简单的例子,并解释它如何不能实现您想要的?全屏需要用户启动的事件来初始化,以防止可能的重复