// 实现全屏使用 screenfull js插件
// 点击全屏
isScreenFull() {
if (!screenfull.isEnabled) {
// 如果不支持进入全屏，发出不支持提示
this.$message({
message: "您的浏览器版本过低不支持全屏显示！",
type: "warning",
});
return false;
}
// 因为全屏状态下点击esc监听不到键盘事件 因此监听当前页面是否全屏
this.$nextTick(() => {[]
window.addEventListener('fullscreenchange', (event)=>{
console.log(event,'event');
this.checkFullscreenStatus()
})
})
this.isFullScreen = screenfull.isFullscreen
//此处填入需要全屏的ref属性值即可
screenfull.toggle(this.$refs.cardOfTableAndEcharts_container);
},
// 监听全屏状态并修改全局变量状态
checkFullscreenStatus() {
this.isFullScreen = document.fullscreenElement !== null;
console.log('当前全屏状态：', this.isFullScreen);
} ,
mounted(){
// dom渲染完监听屏幕状态
this.$nextTick(() => {
window.onload = this.checkFullscreenStatus;
})
}
大屏/全屏事件修改状态监听问题记录
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
