事件冒泡 : 当一个元素接收到事件的时候,会把他接收到的所有传播给他的父级,一直到顶层window.事件冒泡机制 阻止冒泡 : 当前要阻止冒泡的事件函数中调用 event.cancelBubble = true; 事件函数绑定: //oDiv1.onclick = fn1; 给oDiv加点击事件,给 ...
分类:
其他好文 时间:
2017-04-08 17:36:48
阅读次数:
254
我们都知道DOM的事件流,有冒泡事件,如何有效的利用冒泡? 优化:应该尽量少的添加事件监听;原理:每添加一个事件监听事件,就会在浏览器中添加一个EventListener,如果数量过多,浏览器只能一个个遍历事件监听事件,添加监听的越多,遍历的速度越慢。如何利用冒泡? 如果多个子元素都要绑定相同的事件 ...
分类:
其他好文 时间:
2017-03-28 23:23:59
阅读次数:
208
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> window.onload=function(){new Vue({el:'#app', ...
分类:
其他好文 时间:
2017-03-28 16:15:39
阅读次数:
184
e.stopPropagation()阻止事件冒泡 冒泡事件测试 我们先看这段代码: 我们会看到这样的情况:span alert -> td alert -> table alert。这就叫事件冒泡。就是从下到上,从里到外,事件依次触发。有的时候我们不希望事件冒泡咋办? 如果想获得事件相关信息,就要... ...
分类:
Web程序 时间:
2017-03-22 16:26:12
阅读次数:
177
## 本章内容 - 理解事件流- 使用事件处理程序- 不同的事件类型 <br/> ## 事件流 **1、事件冒泡** - 1.IE的事件流叫做事件冒泡- 2.由具体元素到document元素。- 3.现在几乎所有的浏览器都支持事件冒泡。 **2、事件捕获**- 1.由document到具体元素。- ...
分类:
Web程序 时间:
2017-03-12 21:53:10
阅读次数:
438
1.JavaScript与HTML之间的交互时通过事件实现的,事件流描述的是对象接收事件的顺序 2.事件流有两种,事件冒泡和事件捕获 3.事件冒泡:事件首先发生在最具体的对象上,然后沿着DOM树向上传播(不会受css影响),每一级都会发生事件,直到window对象,所有现代浏览器都支持事件冒泡 阻止 ...
分类:
其他好文 时间:
2017-03-12 10:56:53
阅读次数:
125
事件流 1.事件流:在页面接受事件的顺序 2.事件冒泡:其实就是事件向上的一个传播,可以避免绑定多个元素来绑定多个事件 3.事件的捕获:最不具体的节点先捕获事件,而最不具体的节点应该最后捕获事件 事件的处理 1.HTML事件处理 直接添加到HTML的结构中,这里写法比较方便一点,但是处理的效果会比较 ...
分类:
编程语言 时间:
2017-03-11 15:59:04
阅读次数:
218
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 下面是html代码部分: <body> <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> <div id="msg"></div> </body> 对应的jQ ...
分类:
Web程序 时间:
2017-03-01 16:04:16
阅读次数:
192
给tr添加点击事件,使用find方法查找tr下的所有层级的元素,children只查找下一层级的元素,所以使用find。find的返回值为jquery对象,在这个项目中不知道为什么使用jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态,所以我就 ...
分类:
Web程序 时间:
2017-02-18 23:02:48
阅读次数:
519