// 引入lodash
import
_
from
'lodash'
// 切换全屏方法
export
function
fullScreen (
isOpen,
target) {
let
dom =
target ||
void
0
let
open_list = [
'requestFullscreen',
'mozRequestFullScreen',
'webkitRequestFullScreen',
'msRequestFullscreen']
let
cancel_list = [
'exitFullscreen',
'mozCancelFullScreen',
'webkitCancelFullScreen']
let
fn =
void
0
if (
isOpen) {
fn =
_.
find(
open_list, (
n)
=> {
return
Boolean(
dom[
n])
})
fn &&
dom[
fn]()
}
else {
fn =
_.
find(
cancel_list, (
n)
=> {
return
Boolean(
document[
n])
})
fn &&
document[
fn]()
}
}
// 判断是否是全屏
export
function
isFullScreen () {
return
document.
isFullScreen ||
document.
mozIsFullScreen ||
document.
webkitIsFullScreen
}
调用方法
// 触发全屏
fullScreen (
e) {
if (!
this.
isFullScreen()) {
this.
fullScreen(
true,
document.
body)
}
else {
this.
fullScreen(
false)
}
}