nodejs的事件和事件流

什么是事件

JavaScript中的事件，可以理解就是在HTML文档或者浏览器中发生的一种交互操作，使得网页具备互动性。

常见的有加载事件、鼠标事件。

什么是事件流

由于DOM是一个树结构，如果在父子节点绑定事件时候，当触发子节点的时候，就存在一个顺序问题，这就涉及到了事件流。

页面触发个事件时,会按照一定的顺序来响应事件，事件的响应过程为事件流。

js的事件 三阶段

事件捕捉阶段(capture phrase): 事件开始由项层对象触发，然后逐级向下传播，直到目标元素;

处于目标阶段(target phrase): 处于绑定事件的元素上;

事件冒 泡阶段(bubbling phrase): 事件由具体的元素先接收，然后逐级向上传播,直到不具体的元素;

事件捕获是从 上到下,而事件冒泡,是从下到上。
 

事件修饰符

.stop 阻止事件继续传播
.prevent 阻止标签默认行为
.capture 使用事件捕获模式,即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理
.self 只当在 event.target 是当前元素自身时触发处理函数
.once 事件将只会触发一次
.passive 告诉浏览器你不想阻止事件的默认行为

使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用v-on:click.prevent.self会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。