VueHook PlususeFocusWithin
监听当前焦点是否在某个区域之内，同 css 属性 :focus-within。
代码演示
API
const isFocusWithin = useFocusWithin(target, {
onFocus,
onBlur,
onChange,
})
const isFocusWithin = useFocusWithin(target, {
onFocus,
onBlur,
onChange,
})
Params
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| target | DOM 节点或者 Ref 对象 | () => Element | Element | JSX.Element | - |
| options | 额外的配置项 | Options | - |
Options
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| onFocus | 获取焦点时触发 | (e: FocusEvent) => void | - |
| onBlur | 失去焦点时触发 | (e: FocusEvent) => void | - |
| onChange | 焦点变化时触发 | (isFocusWithin: boolean) => void | - |
Result
| 参数 | 说明 | 类型 |
|---|---|---|
| isFocusWithin | 焦点是否在当前区域 | Ref<boolean> |