Javascript之事件流1.事件冒泡+事件捕获+DOM事件流 引子: | e3.onclick=function(){ | console.log(this.id); | } 得到3 2 1; ...
分类:
其他好文 时间:
2015-09-23 21:13:44
阅读次数:
150
事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这 一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。就是当设定了多个div的嵌套时;即建立了父子关系,当父div与子div共同加入了onclick事件时,当触...
分类:
Web程序 时间:
2015-09-16 18:06:36
阅读次数:
184
科普下事件冒泡以及默认行为,以下面例子举列子: 事件冒泡:当点击内部button元素时,会触发自身及外层 a的点击事件,这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。 事件冒泡可能会引起意料之外的效果,有时候需要阻止事件的冒泡行为。 默认行为:例子中a的href跳转链接...
分类:
Web程序 时间:
2015-09-09 17:10:16
阅读次数:
217
科普下事件冒泡以及默认行为,以下面例子举列子: 事件冒泡:当点击内部button元素时,会触发自身及外层 a的点击事件,这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。 事件冒泡可能会引起意料之外的效果,有时候需要阻止事件的冒泡行为。 默认行为:例子中a的href跳转链接...
分类:
Web程序 时间:
2015-09-09 16:46:05
阅读次数:
289
JQuery 提供了两种方式来阻止事件冒泡。 方式一:event.stopPropagation(); ??? ??? $("#div1").mousedown(function(event){ ??? ??? ??? event.stopPropagation(); ??? ??? }); 方式二:r...
分类:
其他好文 时间:
2015-09-07 15:43:36
阅读次数:
162
阻止事件冒泡html代码: 冒泡事件测试 js代码:$('table').click(function(){alert('table');});$('td').click(function(){alert('td');});$('span').click(function(e){ alert('s....
分类:
其他好文 时间:
2015-09-02 17:10:51
阅读次数:
203
1、事件对象 js的事件对象中保存了当前被触发事件的一些相关的属性信息,如事件源、事件发生时的鼠标位置、事件按键等。 事件对象的获取方法: IE中可以window.event直接获取,而Firefox中则不可以,可通过如下方法获取: 1)var event = window.event || arg...
分类:
Web程序 时间:
2015-08-20 18:14:34
阅读次数:
113
事件捕获 事件测试 javascript 事件捕获 事件冒泡 事件测试 javascript 事件冒泡 跨浏览器事件捕获...
分类:
编程语言 时间:
2015-08-20 09:07:35
阅读次数:
215
jQuery之防止冒泡事件
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。
下面是html代码部分:
"content">
外层div元素
内层span元素
外层div元素
"msg">
对应的jQuery代码如下:
"text/javascript">
$(function(){
// 为span元素绑定c...
分类:
Web程序 时间:
2015-08-19 11:14:21
阅读次数:
172