大屏自动全屏方案

3 min read

大屏自动全屏

  1. 理想实现效果
    点击总览页按钮，新开tab，进入大屏页并自动全屏展示
  2. 实现后效果
  3. 全屏api
  • requestFullScreen()
  • exitFullscreen()
  • fullScreenChange()
    最初想法： 监听ESC按键, 在回调函数里执行跳转操作。
    最终实现：在大屏组件内监听fullScreenChange事件，并在unmount周期移除, fullScreenChange时判断是否在全屏模式，全屏就browserHistory.push到总览页