html中事件原理

(一)事件简介

事件是浏览器窗口中发生的，特定的交互瞬间，事件是javaScript和DOM之间交互的桥梁。
比如：点击事件、滚动事件…

(二)事件流

一个完整的事件流是从window开始最后回到window的过程，其中1-5为事件捕获过程，5-6为目标过程，6-10为事件冒泡过程
document.addEventListener(“事件名称”, 函数, false);

event 必须。字符串，指定事件名。
注意: 不要使用 “on” 前缀。 例如，使用 “click” ,而不是使用 “onclick”

提示： 所有 HTML DOM 事件，可以查看我们完整的 HTML DOM Event 对象参考手册。
function 必须。指定要事件触发时执行的函数。

当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如， “click” 事件属于 MouseEvent(鼠标事件) 对象。

useCapture 可选。布尔值，指定事件是否在捕获（true）或冒泡（false）阶段执行。

addEventListener里最后一个参数决定该事件的响应顺序；
document.addEventListener(“事件名称”, 函数, true):

如果为true时事件执行顺序为 addEventListener ---- 标签的onclick事件 ---- document.onclick

document.addEventListener(“事件名称”, 函数, false):
为false时事件的顺序为 标签的onclick事件 ---- document.onclick ---- addEventListener