浏览器点击全屏

全屏api

document.documentElement.requestFullscreen()

document.documentElement.mozRequestFullScreen()

document.documentElement.webkitRequestFullScreen()

document.documentElement.msRequestFullscreen()

退出全屏api

document.exitFullscreen()

document.mozCancelFullScreen()

document.webkitCancelFullScreen()

document.msExitFullscreen()

函数

let isfullScreen = ref(true)
const fullScreen = () => {
  if (isfullScreen.value) {
    let docElm = document.documentElement

    if (docElm.requestFullscreen) {
      docElm.requestFullscreen()
    } else if (docElm.mozRequestFullScreen) {
      docElm.mozRequestFullScreen()
    } else if (docElm.webkitRequestFullScreen) {
      docElm.webkitRequestFullScreen()
    } else if (docElm.msRequestFullscreen) {
      docElm.msRequestFullscreen()
    }
    isfullScreen.value = false
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen()
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen()
    } else if (document.webkitCancelFullScreen) {
      document.webkitCancelFullScreen()
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen()
    }
    isfullScreen.value = true
  }
}