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