js点击按钮全屏显示

最新推荐文章于 2024-07-26 19:01:19 发布

你亦老

最新推荐文章于 2024-07-26 19:01:19 发布

阅读量940

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_57229715/article/details/123739312

版权

  <el-button type="primary" size="small" class="FullscreenBtn" round @click="requestFullScreen()" style="position: absolute;top:90px;right:10px;">全屏显示</el-button>

  methods: {

    // 全屏事件
    requestFullScreen() {
      this.isFullScreen = true
      // 判断各种浏览器，找到正确的方法
      var element = document.getElementById('homeFull')
      var requestMethod = element.requestFullScreen || // W3C
      element.webkitRequestFullScreen || // Chrome等
      element.mozRequestFullScreen || // FireFox
      element.msRequestFullScreen // IE11
      if (requestMethod) {
        requestMethod.call(element)
      } else if (typeof window.ActiveXObject !== 'undefined') { // for Internet Explorer
        // var wscript = new ActiveXObject('WScript.Shell')
        // if (wscript !== null) {
        //   wscript.SendKeys('{F11}')
        // }
      }
    }
  }