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;

    为判断是否页面已经全屏

  • 相关阅读:
    例程详解
    js对数组中有相似属性对象进行合并
    javaScript放大镜特效
    css改变图标颜色
    js自定义日历
    vuecli4.0配置公共scss样式文件
    iframe根据子页面的内容来设置高度
    iframe父子页面交互
    artTemplate模板自定义函数
    javascript数组的增删改和查询
  • 原文地址:https://www.cnblogs.com/strangerqt/p/3680114.html
Copyright © 2011-2022 走看看