什么是事件

事件就是发生在 HTML 元素上的“事情”。例如这个 div 标签被用户点击（click 事件），或者是浏览器已经完成页面加载（load 事件），又或者鼠标移动到某个 HTML 元素上（mouseover 事件）等等，当这些事件触发时，我们要让程序去做一些操作，这些操作被称为事件的响应。如何去用事件JS的事件绑定有三种：通过on 在DOM 元素中直接绑定在JavaScript 代码中绑定绑定事件监听函数：语法为：元素.addEventListener(事件名,执行程序,true/false)，注：此方法可以重复绑定相同的事件，或是绑定多个事件，并且不需要加 on 前缀，参数 true/false 为可选项，如果为 true 表示事件处理程序以捕捉模式触发；从顶层的父节点开始触发事件，从外到内传播。简称事件捕获。默认参数是 false，事件处理程序以冒泡模式触发；从最内层的节点开始触发事件，逐级冒泡直到顶层节点，从内向外传播。简称事件冒泡。事件流页面触发一个事件时，会按照一定的顺序来响应事件，事件的响应过程为事件流浏览器规定了两种事件流模型：捕获型事件流和冒泡型事件流。参数为 true 时，顺序为 div -> p -> span。事件捕获阶段参数为 false 时，顺序为 span -> p -> div。事件冒泡阶段 默认当事件过多的时候，一个个绑定对浏览器性能消耗过大，由此可以使用事件代理，即事件代理：事件代理的原理用到的就是事件冒泡和目标元素，把事件添加到父元素，等待子元素事件冒泡，并且判断是哪个子元素，从而做相应处理。