useDocumentVisibility
可以获取页面可见状态的 Hook。
API 有改动，见ahooks。
代码演示
基本用法
API
const { isVisible, visibilityState } = useDocumentVisibility({
onHidden,
onVisible,
onChange,
}: UseDocumentVisibilityOptions);
export interface UseDocumentVisibilityOptions {
onHidden?: () => void;
onVisible?: () => void;
onChange?: (visibilityState: VisibilityState) => void;
}
参数
| 参数 | 说明 | 类型 | 值 |
|---|---|---|---|
| onHidden | Document hidden 回调 | Function | () => void |
| onVisible | Document visible 回调 | Function | () => void |
| onChange | Document visibility change 回调 | Function | (visibilityState: VisibilityState) => void |
结果
| 参数 | 说明 | 类型 | 值 |
|---|---|---|---|
| visibilityState | document.visibilityState 值 | string | hidden | visible | undefined |
| isVisible | 页面是否可见 | boolean | document.visibilityState |