zoukankan      html  css  js  c++  java
  • js全屏和退出全屏浏览器

    //全屏
    function fullScreen(){
    var el = document.documentElement;
    var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;

    //typeof rfs != "undefined" && rfs
    if (rfs) {
    rfs.call(el);
    }
    else if (typeof window.ActiveXObject !== "undefined") {
    //for IE,这里其实就是模拟了按下键盘的F11,使浏览器全屏
    var wscript = new ActiveXObject("WScript.Shell");
    if (wscript != null) {
    wscript.SendKeys("{F11}");
    }
    }
    }

    //退出全屏
    function exitScreen(){
    var el = document;
    var cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen;

    //typeof cfs != "undefined" && cfs
    if (cfs) {
    cfs.call(el);
    }
    else if (typeof window.ActiveXObject !== "undefined") {
    //for IE,这里和fullScreen相同,模拟按下F11键退出全屏
    var wscript = new ActiveXObject("WScript.Shell");
    if (wscript != null) {
    wscript.SendKeys("{F11}");
    }
    }
    }

     
     
    IE11 不再支持 ActiveXObject
     
     /*判断是否全屏*/
                var isFullscreen = document.fullScreenElement//W3C
                                ||document.msFullscreenElement //IE
                                ||document.mozFullScreenElement //火狐
                                ||document.webkitFullscreenElement //谷歌
                                ||false;
                if(!isFullscreen){
                    var el = document.documentElement;
                    if (el.requestFullscreen) { 
                        el.requestFullscreen(); 
                    } else if (el.mozRequestFullScreen) { 
                        el.mozRequestFullScreen(); 
                    } else if (el.webkitRequestFullscreen) { 
                        el.webkitRequestFullscreen(); 
                    } else if (el.msRequestFullscreen) { 
                        el.msRequestFullscreen(); 
                    } 
                }else{
                    if (document.exitFullscreen) { 
                        document.exitFullscreen(); 
                    } else if (document.msExitFullscreen) { 
                        document.msExitFullscreen(); 
                    } else if (document.mozCancelFullScreen) { 
                        document.mozCancelFullScreen(); 
                    } else if (document.webkitCancelFullScreen) { 
                        document.webkitCancelFullScreen(); 
                    } 
                }
  • 相关阅读:
    F#新Bug,小心! module 里的泛型变量。
    F#: mutable 关键字不适宜用于结构中声明可变值
    简说F#的数组
    元组——秃瓢(Tuple)
    如何用Xmind编写测试用例
    如何提高评审的效率
    接口测试实例/20200622
    mysql数据库的基本增删改查操作总结
    面试技巧篇02:面试前必看!
    面试技巧篇01
  • 原文地址:https://www.cnblogs.com/lizhiwei8/p/12980930.html
Copyright © 2011-2022 走看看