DOM事件三个阶段
- 捕捉阶段（capture phase）：从最上层元素，直到最下层（你点击的那个target）元素。路过的所有节*
点都可以捕捉到该事件。 - 命中阶段（target phase）：如果该事件成功到达了target元素，它会进行事件处理。
- 冒泡阶段（bubbling phase）：事件从最下层向上传递，依次触发父元素的该事件处理函数。
在HTML添加属性onclick进行事件的绑定
在javarscript中定义并绑定事件
由于onclicl是对DOM元素的属性的赋值，因此当绑定多个事件时后者事件将会覆盖前面的事件，显示的效果为只有一个事件
//显示效果为第二次点击，第一个事件被第二个覆盖了
DOM Level 2 Event
- 为了解决事件覆盖的问题引入了addEventListener从而添加多个多个事件处理函数
文章图片
显示的结果 其中hahahaha设置了捕获，但因为当前对象就是目标对象，捕获无效。该函数仍然作用于目标阶段。 既然捕获失效，那么它的执行顺序就按照注册事件的顺序了，不会因为它设置了无效的捕获而提前得到执行。
- removeEventListener(type, listener， Capture)方法，用来移除事件处理函数。
【DOM事件】*callback是必选参数！capture默认值为false *
