Javascript 全屏模式下加载页面

Javascript 全屏模式下加载页面,javascript,jquery,addeventlistener,Javascript,Jquery,Addeventlistener,我正在尝试加载全屏模式下的网页下面的代码工作,但需要在页面上点击我想这样做的网页加载任何帮助将不胜感激 代码 功能启动进入全屏(元素){ if(element.requestFullscreen){ 元素。requestFullscreen(); }else if(element.mozRequestFullScreen){ 元素。mozRequestFullScreen(); }else if(element.webkitRequestFullscreen){ 元素。webkitReques

我正在尝试加载全屏模式下的网页下面的代码工作,但需要在页面上点击我想这样做的网页加载任何帮助将不胜感激

代码


功能启动进入全屏(元素){
if(element.requestFullscreen){
元素。requestFullscreen();
}else if(element.mozRequestFullScreen){
元素。mozRequestFullScreen();
}else if(element.webkitRequestFullscreen){
元素。webkitRequestFullscreen();
}else if(element.msRequestFullscreen){
元素。msRequestFullscreen();
}
}
调用函数

  <script type="text/javascript">
       $(document).ready(function () {

           var myEl = document.getElementById('theBody');

           myEl.addEventListener('click', function () {

               launchIntoFullscreen(document.getElementById("theBody"));


           }, false);


       });

    </script>    

$(文档).ready(函数(){
var myEl=document.getElementById('theBody');
myEl.addEventListener('click',函数(){
启动到全屏(document.getElementById(“theBody”);
},假);
});

这要求用户单击myEl:

       myEl.addEventListener('click', function () {
           launchIntoFullscreen(document.getElementById("theBody"));
       }, false);
您所需要的只是:

       launchIntoFullscreen(document.getElementById("theBody"));

这是一个未经测试的版本。由于您正在使用jQuery,请尝试以下操作

$(document).ready(function() {
    var myEl = $("#theBody");
    myEl.on('click', function () {
        launchIntoFullscreen(myEl[0]);
    }).trigger("click");
});

嗨,KJ王子,谢谢你的回复。我试过了,但什么都没发生,我做了一些研究,为了让这一切顺利进行,我必须创建一个EventListener哇,这对我来说是一个新的。不过你绝对是对的。看看这个相关的问题,它似乎有一些很好的答案。不幸的是,看起来你想做的事情是不可能的,至少在Chrome中是不可能的。
$(document).ready(function() {
    var myEl = $("#theBody");
    myEl.on('click', function () {
        launchIntoFullscreen(myEl[0]);
    }).trigger("click");
});