js浏览器全屏功能

ゝ一世哀愁。 2023-02-16 05:56 25阅读 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 条评论，25人围观）

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

相关阅读

相关设置浏览器全屏

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

青旅半醒/ 2023年10月06日 17:54/ 0 赞/ 66 阅读

相关 js控制浏览器是否全屏

function fullScreen() { /判断是否全屏/ var isFullscreen =

àì夳堔傛蜴生んèń/ 2023年10月06日 10:42/ 0 赞/ 25 阅读

相关 js浏览器全屏功能

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

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

相关 js - 全屏/取消全屏

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

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

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

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

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

相关 js 实现各浏览器全屏

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

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

相关 js浏览器全屏设置

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

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

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

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

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

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

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

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

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

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

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