Skip to main content
Vuetify0 is now in alpha!
Vuetify0 Logo
Theme
Mode
Palettes
Accessibility
Vuetify One
Sign in to Vuetify One

Access premium tools across the Vuetify ecosystem — Bin, Play, Studio, and more.

Not a subscriber? See what's included

useEventListener API

API reference for the useEventListener composable.

Explore these related pages for additional context and usage patterns.

PageCategory
useEventListenerSystem
useHotkeySystem
useClickOutsideSystem

Functions

useEventListener

(target: MaybeRefOrGetter<EventTarget | null | undefined>, event: MaybeRefOrGetter<MaybeArray<string>>, listener: MaybeRef<MaybeArray<EventHandler<Event>>>, options?: MaybeRefOrGetter<boolean | AddEventListenerOptions> | undefined) => CleanupFunction

Attaches an event listener to a target.

useWindowEventListener

(event: MaybeRefOrGetter<MaybeArray<E>>, listener: MaybeRef<MaybeArray<(this: Window, event: WindowEventMap[E]) => void>>, options?: MaybeRefOrGetter<boolean | AddEventListenerOptions> | undefined) => CleanupFunction

Attaches an event listener to the window.

useDocumentEventListener

(event: MaybeRefOrGetter<MaybeArray<E>>, listener: MaybeRef<MaybeArray<(this: Document, event: DocumentEventMap[E]) => void>>, options?: MaybeRefOrGetter<boolean | AddEventListenerOptions> | undefined) => CleanupFunction

Attaches an event listener to the document.

Was this page helpful?

Ctrl+/