Function addEventListener

动态添加事件监听器

此函数允许以类型安全的方式添加事件监听器，并提供默认的事件监听器移除功能 使用泛型 K 来自定义事件类型，从而确保传入的事件类型与 HTMLElementEventMap 中的事件类型相匹配 这种方法不仅可以提高代码的可读性，还可以在不需要时自动移除事件监听器，从而避免内存泄漏

  • addEventListener<K>(element, event, handler, options?): (() => void)

  • Type Parameters

    • K extends keyof HTMLElementEventMap

    Parameters

    • element: Window | HTMLElement

      要添加事件监听器的 DOM 元素或 Window 对象

    • event: K

      要监听的事件类型，必须是 HTMLElementEventMap 中的一个有效事件类型

    • handler: ((ev: HTMLElementEventMap[K]) => void)

      事件被触发时执行的函数

        • (ev): void

        • Parameters

          • ev: HTMLElementEventMap[K]

          Returns void

    • options: boolean | AddEventListenerOptions = false

      添加事件监听器的配置选项，可以是布尔值或 AddEventListenerOptions 对象，默认为 false

    Returns (() => void)

    一个用于移除事件监听器的函数当不再需要事件监听器时，调用此函数可以避免内存泄漏

      • (): void

      • Returns void

Settings

Member Visibility