使用方法 npm install screenfull --save

  1. 首先安装 npm install screenfull --save
  2. 在使用.vue文件中 引入 import screenfull from 'screenfull'
  3. 在按钮方法中调用 screenfull.toggle() 可以双向切换全屏与非全屏
  4. 还可以检测全屏状态 screenfull.isFullscreen
  5. 测试浏览器是否支持全screenfull screenfull.isEnabled

API

  • .request(ele) 全屏
  • .exit() 退出全屏
  • .toggle() 切换全屏
  • .on(event, function) : event为 ‘change’ | ‘error’ 注册事件
  • .off(event, function) : 移除前面已经注册的事件
  • .element: 返回一个全屏的dom节点,如果没有就为 null
  • .isFullscreen : 是否是全屏状态
  • .isEnabled : 判断是否支持全屏
Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐