浏览器Dom

exitFullscreen

退出全屏

类型说明

INFO

function exitFullscreen(): void;

异常

DANGER

浏览器不支持全屏操作

示例

exitFullscreen()

源码

TS版本

export default function exitFullscreen(): void {
  const exitFullscreen =
    document.exitFullscreen ||
    (document as any).msExitFullscreen ||
    (document as any).mozCancelFullScreen ||
    (document as any).webkitExitFullscreen
  if (!exitFullscreen) throw '浏览器不支持全屏操作'
  exitFullscreen()
}

JS版本

export default function exitFullscreen() {
  const exitFullscreen2 = document.exitFullscreen || document.msExitFullscreen || document.mozCancelFullScreen || document.webkitExitFullscreen;
  if (!exitFullscreen2) throw '浏览器不支持全屏操作';
  exitFullscreen2();
}

launchFullscreen

指定dom节点全屏

类型说明

INFO

function launchFullscreen(el?: HTMLElement): void;

参数

• el 指定的dom节点，不指定默认指向document.body

异常

DANGER

浏览器不支持全屏操作

示例

launchFullscreen()

upperFirst(document.querySelector('a'))

源码

TS版本

export default function launchFullscreen(el: HTMLElement = document.body): void {
  const requestFullscreen =
    el.requestFullscreen ||
    (el as any).mozRequestFullscreen ||
    (el as any).msRequestFullscreen ||
    (el as any).webkitRequestFullscreen
  if (!requestFullscreen) throw '浏览器不支持全屏操作'
  requestFullscreen()
}

JS版本

export default function launchFullscreen(el = document.body) {
  const requestFullscreen = el.requestFullscreen || el.mozRequestFullscreen || el.msRequestFullscreen || el.webkitRequestFullscreen;
  if (!requestFullscreen) throw '浏览器不支持全屏操作';
  requestFullscreen();
}

isDom

是否是dom

类型说明

INFO

function isDom(value: any): boolean;

参数

• value dom

返回

• boolean

TIP

true | false

示例

isDom() // => false

isDom(document.querySelector('head')) // => true

源码

TS版本

import typeOf from '@/common/typeOf'
export default function isDom(value: any): boolean {
  return typeOf(value).includes('Element')
}

JS版本

import typeOf from '@/common/typeOf';
export default function isDom(value) {
  return typeOf(value).includes('Element');
}