JS 监听用户是否退出全屏

494 阅读1分钟
  1. 正常在全屏模式下我们是无法监听到用户的键盘输入的,比如点击 esc 键来退出全屏,而这时我又需要当用户退出时跳转当前页面,也就是下面的 back()函数。
  2. 所以我们使用window.onresize来监听,onresize 事件会在窗口或框架被调整大小时触发,完美符合要求。
// 监听现在是否是全屏状态,做出相应操作
window.onresize = function() {
   if (document.fullscreenElement) {
       console.log('进入全屏')
   } else {
       back()
       console.log('退出全屏')