关于javascript:实现F11全屏效果

js实现F11全屏成果

提醒

该事件只能从用户操作的事件触发,因为全屏后看不到地址栏,很容易做成坑骗性质的钓鱼网站

  1. 关上全屏:

        const docElm = document.documentElement;
        if (docElm.requestFullscreen) {  
            docElm.requestFullscreen();  
        }  
        else if (docElm.mozRequestFullScreen) {  
            docElm.mozRequestFullScreen();  
        }  
        else if (docElm.webkitRequestFullScreen) {  
            docElm.webkitRequestFullScreen();  
        }  
        else if (elem.msRequestFullscreen) {  
            elem.msRequestFullscreen();  
        } 
  2. 退出全屏:

        if (document.exitFullscreen) {  
            document.exitFullscreen();  
        }  
        else if (document.mozCancelFullScreen) {  
            document.mozCancelFullScreen();  
        }  
        else if (document.webkitCancelFullScreen) {  
            document.webkitCancelFullScreen();  
        }  
        else if (document.msExitFullscreen) {  
            document.msExitFullscreen();  
        } 

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理