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");
});