使用js控制浏览器开启全屏，判断浏览器是否处于全屏状态

// 引入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)

}

}