useClickOutside

Tags:

一个 React Hook,允许你检测到指定元素外部的点击事件。

演示

源码

用法

请查看 API。

源码

点击下方链接跳转 GitHub 查看源代码。

API

useClickOutside(elementTarget, callback, options)

元素目标 ElementTarget

ElementTarget 是一个联合类型,代表可以被定位的各种元素。

更多详情,请参见 ElementTargetElementTarget 类型

回调函数 Callback

export type UseClickOutsideHandler = (evt: MouseEvent | PointerEvent) => void

选项 Options

export type UseClickOutsideOptions = { /** * 不应触发事件的元素列表。 */ ignore?: ElementTarget[] }