概述

  1. DOM节点的事件操作,都定义在EventTarget接口
  2. 主要提供了三个实例方法:
  • addEventListener()
  • removeEventListener()
  • dispatchEvent()

    EventTarget.addEventListener()

  1. 该方法接收三个参数:
  • type:事件名称
  • listener: 监听函数,事件发生的时候,会调用该函数
  • useCapture:布尔值,如果设为true,表示监听函数在事件捕获阶段执行,如果设置为false,则在事件冒泡阶段执行,默认值为false
  1. addEventListener可以为事件添加多个不同的监听函数,按照添加顺序执行
  2. 监听函数内部的this指向当前事件所在的元素对象

    EventTarget.removeEventListener()

  3. 参数和addEventListener一样

  4. 参数必须和addEventListener一样才能移除事件

    EventTarget.dispatchEvent()

  5. 参数是Event对象的实例

  6. 在当前节点触发监听函数的执行
  7. 返回一个布尔值,如果监听函数中调用了preventDefault(),则返回false;否则返回true