大屏自动全屏方案
发布时间:2022-03-18浏览次数:0
支持注册ChatGPT Plus的OneKey虚拟卡
绑定Apple Pay、Google Pay、支付宝和微信支付进行日常消费
注册和了解更多 ->
silver
大屏自动全屏
- 理想实现效果
点击总览页按钮,新开tab,进入大屏页并自动全屏展示 - 实现后效果
- 全屏api
- requestFullScreen()
- exitFullscreen()
- fullScreenChange()
最初想法: 监听ESC
按键, 在回调函数里执行跳转操作。
最终实现:在大屏组件内监听fullScreenChange
事件,并在unmount
周期移除,fullScreenChange
时判断是否在全屏模式,全屏就browserHistory.push
到总览页
扫描二维码查看更多内容