事件捕获 事件捕获中，父级元素先触发，子集元素后触发 事件会从最外层开始，直到具体的元素，比如click的捕获过程document->html->body->div->p 事件冒泡 事件冒泡时，子元素先出发，父级元素后触发 元素自身事件被触发后，如果父元素有相同的事件，那么元素本身的触发状态就会传递 ...
分类：
编程语言 时间：
2021-04-24 13:29:34
阅读次数：
0
【v-on】1、事件修饰符@click.stop="" 阻止冒泡事件@click.prevent="" 阻止默认事件@click.self="" 只有自己点击时才会触发，不会被冒泡@click.once="" 点击事件将只会触发一次@click.capture="" 该添加事件使用事件捕获模式，外而 ...
分类：
其他好文 时间：
2020-11-17 12:36:09
阅读次数：
8
事件流之冒泡与捕获： 假如我们在页面上有一个 button 标签。在点击时： 1、事件冒泡： a : button b : body c : document d : window 依次触发 a 、b、c、d 2、事件捕获： a : window b : document c : body d : ...
分类：
其他好文 时间：
2020-08-17 17:20:10
阅读次数：
82
一、事件 1、事件和事件流 HTML和js的交互是通过事件驱动来实现的，事件流描述的就是页面接受事件的顺序，“DOM2级事件”规定的事件流包括三个阶段：（1）事件捕获阶段；（2）处于目标阶段；（3）事件冒泡阶段。 2、绑定事件的两种方式： <script src="jquery-3.1.1.js"> ...
分类：
Web程序 时间：
2020-08-08 21:18:53
阅读次数：
100
这里有一篇很详细很好理解的文章https://blog.csdn.net/aitangyong/article/details/43231111 DOM事件流 先来理解DOM事件流: 一个元素事件的触发, 浏览器的执行顺序是:捕获阶段、目标阶段、冒泡阶段 <script> window.onload ...
分类：
其他好文 时间：
2020-07-23 15:42:28
阅读次数：
59
流:就是流向,有方向的的意思,比如单向数据流. 事件流:就是事件的流向,当事件发生时，响应事件的顺序,是从里向外流，还是从外向里流. 其中自然响应事件的顺序也是从里向外的，事件冒泡流也是大部分浏览器采用的默认方式 JS事件流分为三个阶段 1，事件捕获阶段。 2，处于目标阶段。 3，事件冒泡阶段。 事 ...
分类：
Web程序 时间：
2020-06-30 00:27:07
阅读次数：
58
事件捕获、事件冒泡 addEventListener：向指定元素添加事件句柄。（第三个参数默认false冒泡阶段，true为捕获阶段） onclick：事件会在元素被点击时发生。（发生在冒泡阶段） 一次点击事件流程如下图 注意： 目标元素不区分捕获阶段和冒泡阶段，按注册顺序执行。 事件执行顺序 与视 ...
分类：
其他好文 时间：
2020-05-28 13:49:41
阅读次数：
60
事件的执行顺序 先看如下代码： 在问问题之前先补充一个知识点： 第三个参数 useCapture： 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。可能值：true 事件句柄在捕获阶段执行；false 默认。事件句柄在冒泡阶段执行。 那么问题来了，点击Li，js的执行顺序是什么？ 结果如下图： 总结 ...
分类：
Web程序 时间：
2020-05-22 13:18:02
阅读次数：
51
JavaScript与HTML之间的交互是通过事件实现的。事件就是问达能或浏览器窗口中发送的一些特定的交互瞬间 事件流 事件冒泡：由下至上 事件捕获：由上至下 事件处理程序 事件就是用户或浏览器自身执行的某种操作如click，而响应某个事件的函数就是事件处理程序，以on开头 HTML事件处理程序：内 ...
分类：
编程语言 时间：
2020-05-02 18:55:28
阅读次数：
58
HTML和js之间的交互是通过事件实现的。 事件流描述的是从页面中接受事件的顺序。 事件流 IE中的事件流是事件冒泡流。顺序是从里向外 eg：div-body-html-Document Netscape Communicator的事件流是事件捕获流。顺序是从外向里 eg：Document-html ...
分类：
Web程序 时间：
2020-05-02 00:03:18
阅读次数：
68
