美文网首页
浏览器设置全屏js代码实现

浏览器设置全屏js代码实现

作者: 第三只筷子 | 来源:发表于2018-09-19 19:21 被阅读18次

执行下面代码即可:

let value = false
function handleFullscreen () {
      let main = document.body
      if (this.value) {
        if (document.exitFullscreen) {
          document.exitFullscreen()
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen()
        } else if (document.webkitCancelFullScreen) {
          document.webkitCancelFullScreen()
        } else if (document.msExitFullscreen) {
          document.msExitFullscreen()
        }
      } else {
        if (main.requestFullscreen) {
          main.requestFullscreen()
        } else if (main.mozRequestFullScreen) {
          main.mozRequestFullScreen()
        } else if (main.webkitRequestFullScreen) {
          main.webkitRequestFullScreen()
        } else if (main.msRequestFullscreen) {
          main.msRequestFullscreen()
        }
      }
    }

相关文章

网友评论

      本文标题:浏览器设置全屏js代码实现

      本文链接:https://www.haomeiwen.com/subject/kwqwnftx.html