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;

    为判断是否页面已经全屏

  • 相关阅读:
    .net程序员书单
    脱敏小软件
    .NET处理HTTP请求
    WPF 按名称查找控件
    软件工程现行国标汇集
    企业应用架构模式读书笔记 第一章 分层
    mysql远程访问
    知道二叉树的先序和中序遍历,重建该二叉树
    微信小程序地图模块
    微信小程序蓝牙模块
  • 原文地址:https://www.cnblogs.com/strangerqt/p/3680114.html
Copyright © 2011-2022 走看看