说明:
-
实测可以在谷歌、火狐、360 浏览器使用
-
解决了在浏览器全屏下监听不到键盘Esc事件
-
解决了取消全屏和全屏的同步问题,ESC按键下可以同步
-
以下是完整的代码,
<!--html-->
<!-- 全屏显示 -->
<div class="btn-fullscreen" @click="handleFullScreen">
<el-tooltip effect="dark" :content="fullscreen?`取消全屏`:`全屏`" placement="bottom">
<i class="el-icon-rank"></i>
</el-tooltip>
</div>
//
data() {
return {
fullscreen: false,
}
},
created(){
let that = this
window.onresize = function(){
if(!that.checkFull()){
// 退出全屏后要执行的动作
console.log("退出全屏")
that.fullscreen = false;
}
}
},
met