zoukankan      html  css  js  c++  java
  • 让页面全屏

    IE8不支持,内核为trident的IE是支持的 W3C全部支持,但是前缀名不一样;

    全屏方法为:

    function fullScreen(ele) {
    if (ele.requestFullscreen) {
    ele.requestFullscreen();
    } else if (ele.msRequestFullscreen) {
    ele.msRequestFullscreen();
    } else if (ele.mozRequestFullScreen) {
    ele.mozRequestFullScreen();
    } else if (ele.webkitRequestFullscreen) {
    ele.webkitRequestFullscreen();
    }
    }

    退出全屏方法为:

    function exitfullScreen() { 
    if (document.exitFullscreen) {
    document.exitFullscreen();
    } else if (document.msExitFullscreen) {
    document.msExitFullscreen();
    } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
    }
    }

    综合方法为:

    function fullscreen(ele,fn){
    var fullscreenElement=document.webkitFullscreenElement||document.mozFullscreenElement||document.msFullscreenElement||document.FullscreenElement;
    if(fullscreenElement){ //已经全屏
    exitfullScreen();
    }else{ //还未全屏

    fullScreen(ele);
    fn();
    }
    }

     var fullscreenElement=document.webkitFullscreenElement||document.mozFullscreenElement||document.msFullscreenElement||document.FullscreenElement;

    为判断是否页面已经全屏

  • 相关阅读:
    自定义 ClassLoader
    HashCode 解析
    Unsafe与CAS
    ReentrantLock实现原理深入探究
    javaNIO:选择器--实践 Selector
    javaNIO:选择器--理论 Selector
    javaNIO:Socket通道
    CentOs 7 kong 2.3.X oss 自定义插件
    CentOs 7 kong 2.3.X oss 部署安装
    CentOS7 yum安装、配置PostgreSQL 9.6
  • 原文地址:https://www.cnblogs.com/strangerqt/p/3680114.html
Copyright © 2011-2022 走看看