js浏览器全屏功能

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

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

相关阅读

相关设置浏览器全屏

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

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

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

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

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

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

主要是全屏和退出全屏事件，以及相应的操作（采用window.onresize监测） $(function(){ //全屏 $("fu

迈不过友情╰/ 2023年06月14日 04:23/ 0 赞/ 110 阅读

相关浏览器全屏显示

全屏显示 <html> <head> <meta name="generator" content="全屏编辑" /> <title>全屏

Love The Way You Lie/ 2023年06月11日 11:30/ 0 赞/ 76 阅读

相关 js浏览器全屏功能

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

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

相关 js - 全屏/取消全屏

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

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

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

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

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

相关 js 实现各浏览器全屏

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

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

相关 js浏览器全屏设置

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

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

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

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

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