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;

    为判断是否页面已经全屏

  • 相关阅读:
    NIO简述
    函数式编程
    ReadWriterLock读写锁
    Semaphore工具类使用
    CyclicBarrier工具类使用
    CountDownLatch工具类使用
    创建VUE+Element-UI项目
    <slot>插板使用
    Spring面试题
    实现定时任务的几种方式
  • 原文地址:https://www.cnblogs.com/strangerqt/p/3680114.html
Copyright © 2011-2022 走看看