事件流动（Event Flow）作为事件（Event）一个很重要的机制，DOM事件不单单只会在一个Element上触发，它还会流向其他Element。 事件的流动通常会经历这么三个阶段：捕获阶段 -> 目标阶段 -> 冒泡阶段 捕获阶段capture phase： The event object ...
分类：
其他好文 时间：
2018-11-20 00:10:48
阅读次数：
199
一、jQuery的位置信息 jQuery的位置信是JS的client系列、offset系列、scroll系列封装好的一些简便api。 1、宽度和高度 a、获取宽度和高度，例如： 注意：这个方法不接受任何参数。.css(‘width’)（或.css(‘height’)）和 .width()（或.hei ...
分类：
Web程序 时间：
2018-11-19 21:35:33
阅读次数：
134
DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素节点与根结点之间的路径传播，路径所经过的结点都会收到该事件，这个传播过程可称为DOM事件流。DOM事件流最独特的性质是，文本节点也触发事件（在IE中不会），当鼠标单击“单击此文本”文本时会触发click事件，该 ...
分类：
其他好文 时间：
2018-11-16 15:18:28
阅读次数：
192
JS之event flow DOM事件流 1.定义： DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素节点与根结点之间的路径传播，路径所经过的结点都会收到该事件，这个传播过程可称为DOM事件流。DOM事件流最独特的性质是，文本节点也触发事件（在IE中不会）， ...
分类：
其他好文 时间：
2018-11-16 13:26:18
阅读次数：
186
事件流动（Event Flow） 哪怕一个web开发的初学者都会知道，当我们鼠标在button上点击时，会在button上触发一个click事件。但是： button是div的一个子Node；从界面上来看，在button里点击相当于在div里点击；那click事件也会触发在div上吗？ 如果clic ...
分类：
其他好文 时间：
2018-11-15 17:10:06
阅读次数：
208
考虑这么个例子： 哪怕一个web开发的初学者都会知道，当我们鼠标在button上点击时，会在button上触发一个click事件。但是： button是div的一个子Node；从界面上来看，在button里点击相当于在div里点击；那click事件也会触发在div上吗？ 如果click事件也触发在d ...
分类：
其他好文 时间：
2018-11-15 00:14:15
阅读次数：
132
关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。 在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是： 因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。这种事件方式 ...
分类：
其他好文 时间：
2018-11-14 22:29:56
阅读次数：
169
在学习jQuery的事件之前，大家必须要对JS的事件有所了解。看下文 事件的概念 HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的，就需要了解一 ...
分类：
Web程序 时间：
2018-11-14 14:20:25
阅读次数：
197
上篇介绍完我们js的事件流的概念之后，相信大家对事件流也有所了解了。那么接下来我们看一下jquery的事件操作。 在说jquery的每个事件之前，我们先来看一下事件对象 事件对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 例如: 当用户单 ...
分类：
其他好文 时间：
2018-11-14 14:13:11
阅读次数：
138
Event Flow 1、可以理解为当事件发生时，响应事件的顺序。这个顺序就按照一个流进行的。这就是事件流。 2、事件发生时会在元素节点与根节点之间按照特定的顺序传播，路径所经过的所有节点都会收到该事件，这个传播过程即DOM事件流。 3、事件传播的顺序对应浏览器的两种事件流模型：捕获型事件流和冒泡型 ...
分类：
其他好文 时间：
2018-11-14 01:01:01
阅读次数：
160
