DOM模型-事件模型

Posted 2021-02-21 huanghang

我们先来谈谈事件：事件的本质是程序各个组成部分之间的一种通信方式，也是异步编程的一种实现。

1、EventTarget 接口

该接口主要提供三个实例方法：

a、addEventListener：绑定事件的监听函数

描述：EventTarget.addEventListener()用于在当前节点或对象上，定义一个特定事件的监听函数。一旦这个事件发生，就会执行监听函数。该方法没有返回值。

该方法有三个实例参数：target.addEventListener(type, listener, useCapture);

type：事件名称（click，mouseOver，mouseDown等等）；

listener：监听函数。事件发生时，会调用该监听函数。

useCapture：布尔值，表示监听函数是否在捕获阶段（capture）触发（参见后文《事件的传播》部分），默认为false（监听函数只在冒泡阶段被触发）。

b、removeEventListener：移除事件的监听函数

c、dispatchEvent：触发事件