vue怎么让网页一打开就是全屏状态,是那种全屏幕状态,不要点击任何东西

源码项目助手 毕业设计 1

vue怎么让网页一打开就是全屏状态,是那种全屏幕状态,不要点击任何东西。

回复

共2条回复 我来回复
  • 毕设导航
    这个人很懒,什么都没有留下~
    评论
    $(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();

    0条评论
  • 代码货栈
    这个人很懒,什么都没有留下~
    评论

    无法实现,必须要有用户交互才能调用requestFullscreen,如按键盘,单击这类事件,鼠标移动也无法触发,会报错,更不要说自动打开就触发了,这个和vue没关系,这是浏览器限制的

    <script>
        document.onclick = document.onkeydown = document.onmousemove = function () {
            (document.body || document.documentElement).requestFullscreen()
        }
        document.onclick()
    </script>
    
    0条评论

发表回复

登录后才能评论