Skip to content
On this page

useEventListener 事件监听 ​

Hidden Title ​

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

基础用法 ​

说明 ​

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

调用形式 ​

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

参数说明 ​

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

注意事项 ​

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

思云博智私有前端组件库