js浏览器全屏功能

ゝ一世哀愁。 2023-02-16 05:56 4阅读 0赞

FullScreen(){
          let el = document.getElementById("preivewChartOuttor")
          this.isFullscreen = !this.isFullscreen
          if(!this.isFullscreen){//退出全屏
            try{
              if(document.exitFullscreen){
                document.exitFullscreen()
              }else if( document.mozCancelFullScreen){
                document.mozCancelFullScreen()
              }else if(document.webkitExitFullscreen){
                document.webkitExitFullscreen()
              }else if(!document.msRequestFullscreen){
                document.msExitFullscreen()
              }
            } catch(e){ }
          } else{    //进入全屏
            try{
              if(el.requestFullscreen){
                el.requestFullscreen()
              }else if(el.mozRequestFullScreen){
                el.mozRequestFullScreen()
              }else if(el.webkitRequestFullscreen){
                el.webkitRequestFullscreen(); 
              }else if(el.msRequestFullscreen){
                // this.isFullscreen=true;
                el.msRequestFullscreen()
              }
            } catch(e){ }
          }
        },

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关 js浏览器全屏功能

FullScreen(){ let el = document.getElementById("preivewChartOuttor")

ゝ一世哀愁。/ 2023年02月16日 05:56/ 0 赞/ 5 阅读

相关 js 页面全屏

//该方法要有点击事件触发才能实现全屏效果 function launchFullScreen(element) { / 处理全屏/

﹏ヽ暗。殇╰゛Y/ 2023年01月03日 01:21/ 0 赞/ 174 阅读

相关 js - 全屏/取消全屏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

深碍√TFBOYSˉ_/ 2022年11月25日 05:23/ 0 赞/ 245 阅读

相关 js实现一个全屏和退出全屏的功能

$(function(){ //全屏 function fullScreen(){ var el = doc

妖狐艹你老母/ 2022年09月10日 00:12/ 0 赞/ 254 阅读

相关 JS 全屏代码

// 判断各种浏览器，找到正确的方法 function launchFullscreen(element) { if(element.request

小灰灰/ 2022年08月13日 12:40/ 0 赞/ 190 阅读

相关 js 实现各浏览器全屏

现代浏览器包括ie11，可以直接用h5的全屏api实现低版本的IE需要通过ActiveX插件实现； //直接上代码 <!DOCTYPE html> <

深碍√TFBOYSˉ_/ 2022年05月31日 00:45/ 0 赞/ 206 阅读

相关 js浏览器全屏设置

`1. 进入全屏` function requestFullScreen () { var elem = document.documentEleme

迷南。/ 2022年05月21日 02:26/ 0 赞/ 289 阅读

相关原生js实现浏览器全屏和退出全屏

全屏模式 //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(

爱被打了一巴掌/ 2021年12月24日 19:41/ 0 赞/ 356 阅读

相关 HTML5--浏览器全屏操作、退出全屏、是否全屏

[HTML5--浏览器全屏操作、退出全屏、是否全屏][HTML5--] <!DOCTYPE html> <html lang="en"> <he

爱被打了一巴掌/ 2021年10月23日 14:12/ 0 赞/ 743 阅读

相关 JavaScript实现全屏与退出全屏功能

js全屏与退出全屏 //全屏显式 function showFull() { var full = docu

待我称王封你为后i/ 2021年08月28日 20:10/ 0 赞/ 555 阅读