Skip to content

useFullScreen

这是一个全屏的hook,可以快速将一个元素全屏显示,并且支持了iframe。

源文件

useFullScreen.ts

示例

基本使用

局域内全屏

将元素在他的祖先容器中全屏显示,祖先元素会被修改为relative且无论中间节点是否有定位。

props 参数

参数名说明类型默认值
第一个参数要全屏的节点Ref<HTMLElement>| string | HTMLElement-
第二个参数全屏容器,将目标节点在此容器上全屏,不填默认为windowRef<HTMLElement>| string | HTMLElement | Window window

返回值

参数名说明类型默认值
isFull标识是否全屏Ref<boolean>-

Released under the MIT License.