Skip to content
On this page

useEventListener 事件监听

Hidden Title

基础用法:useEventListener(targetRef, 'click', handler)

基础用法

说明

useEventListener 用于给元素、windowdocument 等目标绑定事件,并在组件卸载时自动清理。

调用形式

ts
useEventListener(target, event, handler)
useEventListener(target, event, handler)

参数说明

参数类型必填默认值说明
targetEventTarget | Ref<EventTarget | null>-事件目标。
eventstring-事件名称。
handler(event: Event) => any-事件处理函数。

注意事项

如果 target 是普通 DOM 对象,会在 onMounted 后绑定;如果 target 是 Ref,会在 Ref 变化时自动切换监听对象。

思云博智私有前端组件库