在自己做的可视化大屏项目中,需要F11全屏切换,但是遇到再次按F11退出全屏的时候,样式没有被触发适配,因此需要监控一下全屏切换。搜了一下网上方法都比较麻烦。
使用键盘keydown、keyup事件,只能监控F11键进入全屏,无法监控F11退出全屏事件,然后使用下面方法解决问题。
window.addEventListener('resize', function () {
location. reload();
})
resize 监控窗口大小变化,全屏切换也可以被监测到。