安装
cnpm install screenfull@4.2.0 --save
引入
import screenfull from 'screenfull'
api
request(element传参某个元素) 全屏
exit() 退出全屏
toggle() 切换全屏
on(event, function) : event为 ‘change’ | ‘error’ 注册事件
off(event, function) : 移除前面已经注册的事件
element: 返回一个全屏的dom节点,如果没有就为 null
isFullscreen : 是否是全屏状态
isEnabled : 判断是否支持全屏
监听屏幕变化,避免esc退出,图标不变
// 监听屏幕change 避免esc
screenfull.on("change", () => {
this.isFullScreen = screenfull.isFullscreen;
});