componentDidMount(){
document.addEventListener('fullscreenchange', this.handleKeyDown);
}
handleKeyDown = (e) => {
if (this.isFullScreen()) {
console.log('全屏')
}
}
isFullScreen() {
return !!(document.fullscreen || document.mozFullScreen ||
document.webkitIsFullScreen || document.webkitFullScreen ||
document.msFullScreen)
}
react 中实时监听是否全屏
最新推荐文章于 2024-06-24 10:30:39 发布
该文章介绍了一个React组件在挂载后监听全屏状态变化的方法。`componentDidMount`生命周期方法中添加了`fullscreenchange`事件监听器,`handleKeyDown`函数用于处理全屏状态的变更。`isFullScreen`辅助函数检查当前是否处于全屏模式。
摘要由CSDN通过智能技术生成