DOM阶段中的事件机制

DOM阶段中的事件机制

事件三要素：
1:事件源：事件被触发的对象
2.事件类型：如何触发？触发什么事件？
3.事件处理程序：通过函数赋值的方式

执行事件的步骤
1.获取事件源
2.注册事件（绑定事件）
3.采用函数赋值形式添加事件处理程序

在JavaScript中，有三种常用的绑定事件的方法：

1. 在DOM元素中直接绑定；

<button onclick="alert('hello')">点击</button>

2. 在JavaScript代码中绑定；

   eye.onclick = function(){}

3. 绑定事件监听函数。

   eye.addEventListener("click",function () {})

事件流：捕获：从外到内 目标阶段 冒泡 从里往外

事件对象：在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件相关的信息。
包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。

事件代理：又称之为事件委托。是JavaScript中常用绑定事件的常用技巧。
顾名思义，“事件代理”即是把原本需要绑定在子元素的响应事件（click、keydown…）委托给父元素，
让父元素担当事件监听的职务。
事件代理的原理是DOM元素的事件冒泡。