在页面中，我点击全屏按钮，等于按下了键盘的F11 如何实现呢？

Question

在页面中，我点击全屏按钮，等于按下了键盘的F11 如何实现呢？
要实现全屏的功能

keycode 122 = F11

quanping(){
    console.log("怎么实现我在点击这个按钮的时候 等于按键了F11呢？")
}

Answer 1

screenfull

可以用这个包，该兼容的包里都写了，一句screenfull.request()搞定

Answer 2

全屏(各个浏览器兼容)：

document.body.requestFullscreen()
document.body.mozRequestFullScreen()
document.body.webkitRequestFullScreen()
document.body.msRequestFullscreen()

退出全屏

document.exitFullscreen()
document.mozCancelFullScreen()
document.webkitCancelFullScreen()
document.msExitFullscreen()