vue怎么让网页一打开就是全屏状态,是那种全屏幕状态,不要点击任何东西
毕业设计
1
vue怎么让网页一打开就是全屏状态,是那种全屏幕状态,不要点击任何东西。
-
$(document).on('keydown', function (e) { var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode == 122){//捕捉F11键盘动作 e.preventDefault(); //阻止F11默认动作 var el = document.documentElement; var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;//定义不同浏览器的全屏API //执行全屏 if (typeof rfs != "undefined" && rfs) { rfs.call(el); } else if(typeof window.ActiveXObject != "undefined"){ var wscript = new ActiveXObject("WScript.Shell"); if (wscript!=null) { wscript.SendKeys("{F11}"); } } //监听不同浏览器的全屏事件,并件执行相应的代码 document.addEventListener("webkitfullscreenchange", function() {// if (document.webkitIsFullScreen) { //全屏后要执行的代码 }else{ //退出全屏后执行的代码 } }, false); document.addEventListener("fullscreenchange", function() { if (document.fullscreen) { //全屏后执行的代码 }else{ //退出全屏后要执行的代码 } }, false); document.addEventListener("mozfullscreenchange", function() { if (document.mozFullScreen) { //全屏后要执行的代码 }else{ //退出全屏后要执行的代码 } }, false); document.addEventListener("msfullscreenchange", function() { if (document.msFullscreenElement) { //全屏后要执行的代码 }else{ //退出全屏后要执行的代码 } }, false) } }
搞个按钮,然后load的时候直接触发click();
-
无法实现,必须要有用户交互才能调用requestFullscreen,如按键盘,单击这类事件,鼠标移动也无法触发,会报错,更不要说自动打开就触发了,这个和vue没关系,这是浏览器限制的
<script> document.onclick = document.onkeydown = document.onmousemove = function () { (document.body || document.documentElement).requestFullscreen() } document.onclick() </script>
发表回复