useFullscreen
一个用于处理 dom 全屏的 Hook
Api 与ahooks一致。
代码演示
基本用法
传入目标元素
API
const [isFullscreen, { setFull, exitFull, toggleFull }] = useFullScreen(target, options?:Options);
Params
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| target | DOM 节点或者 Ref 对象 | HTMLElement | () => HTMLElement | |
| options | 设置(可选) | Options | - |
Options
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| onExitFull | 监听退出全屏 | ()=>void | - |
| onFull | 监听全屏 | ()=>void | - |
Result
| 参数 | 说明 | 类型 |
|---|---|---|
| isFullscreen | 是否全屏 | boolean |
| setFull | 设置全屏 | ()=>void |
| exitFull | 退出全屏 | ()=>void |
| toggleFull | 切换全屏 | ()=>void |