zoukankan      html  css  js  c++  java
  • 通过jquery监听div双击全屏再次双击恢复demo

    $(".Box").on("dblclick", function(){
                var docId=$(this).attr("id");
                var height=document.getElementById(docId);
                var fullscreenElement =
                    document.fullscreenElement ||
                    document.mozFullScreenElement ||
                    document.webkitFullscreenElement;
                
                console.log(fullscreenElement);
                 if(docId&&fullscreenElement==null){
                    launchIntoFullscreen(height);
                }else{
                    exitFullscreen();
                }
            });
            
            
            
            //全屏显示
            function launchIntoFullscreen(element) {
                if(element.requestFullscreen){
                    element.requestFullscreen();
                }
                else if(element.mozRequestFullScreen) {
                    element.mozRequestFullScreen();
                }
                else if(element.webkitRequestFullscreen) {
                    element.webkitRequestFullscreen();
                }
                else if(element.msRequestFullscreen) {
                    element.msRequestFullscreen();
                }
            }
            
            //屏幕恢复
            function exitFullscreen() {
                    if(document.exitFullscreen) {
                        document.exitFullscreen();
                    } else if(document.mozCancelFullScreen) {
                        document.mozCancelFullScreen();
                    } else if(document.webkitExitFullscreen) {
                        document.webkitExitFullscreen();
                    }
                }
    $(".Box").on("dblclick", function(){
                var docId=$(this).attr("id");
                var height=document.getElementById(docId);
                var fullscreenElement =
                    document.fullscreenElement ||
                    document.mozFullScreenElement ||
                    document.webkitFullscreenElement;
                
                console.log(fullscreenElement);
                 if(docId&&fullscreenElement==null){
                    launchIntoFullscreen(height);
                }else{
                    exitFullscreen();
                }
            });
            
            
            
            //全屏显示
            function launchIntoFullscreen(element) {
                if(element.requestFullscreen){
                    element.requestFullscreen();
                }
                else if(element.mozRequestFullScreen) {
                    element.mozRequestFullScreen();
                }
                else if(element.webkitRequestFullscreen) {
                    element.webkitRequestFullscreen();
                }
                else if(element.msRequestFullscreen) {
                    element.msRequestFullscreen();
                }
            }
            
            //屏幕恢复
            function exitFullscreen() {
                    if(document.exitFullscreen) {
                        document.exitFullscreen();
                    } else if(document.mozCancelFullScreen) {
                        document.mozCancelFullScreen();
                    } else if(document.webkitExitFullscreen) {
                        document.webkitExitFullscreen();
                    }
                }

    春有百花秋有月,夏有凉风冬有雪!
  • 相关阅读:
    【Linux】gvim封装至gvi命令
    unity, GUI.Button texture is black
    建了个百度贴吧:图形底层吧
    unity, imageEffect在android上不显示的问题
    3dmax fx shader, vertex color
    unity, editorWindow lose data when enter play mode
    unity, undo
    unity, editorWindow update计时
    unity, imageEffect的最后一步blit所用的shader,应该关闭zwrite和ztest
    unity, GUIStyle and Skin
  • 原文地址:https://www.cnblogs.com/wwwcf1982603555/p/14670706.html
Copyright © 2011-2022 走看看