javascript事件流:事件冒泡和事件捕获1、事件流2、事件冒泡3、事件捕获4、DOM事件流...
分类:
编程语言 时间:
2014-10-31 22:14:33
阅读次数:
209
一:DOM事件流:事件流是从页面接收事件的顺序,DOM2级事件规定事件流包括三个阶段:①事件捕获阶段:用意在于事件达到目标之前捕获它,在事件捕获阶段事件流模型:document→html→body→div②处于目标阶段2:实际的目标到事件③事件冒泡阶段:由最具体的元素接收到事件,然后向上传播到较为不...
分类:
Web程序 时间:
2014-10-30 13:17:48
阅读次数:
170
阻止事件冒泡:如果嵌套元素分别有自己的click事件,当点击内层元素时外层元素的事件也会被触发。$("span").bind("click", function(event){ //代码 event.stopPropagation(); //通过bind创建的事件对象event来执行} )...
分类:
Web程序 时间:
2014-10-27 19:26:36
阅读次数:
230
首先,事件流描述的是从页面中接受事件的顺序。事件捕获和事件冒泡:IE的事件流是事件冒泡,一直冒泡到window对象。(IE9之前会跳过HTML元素,从body直接跳到document)事件捕获:与事件冒泡的思路相反,即不太具体的节点应该先接收到事件的信息,最具体的节点应该最后接受到事件信息。(IE9...
分类:
编程语言 时间:
2014-10-25 22:53:48
阅读次数:
241
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。1.阻止浏览器的默认行为[java]view plaincopyfunctionstopDefault(e){//如果提供了事件对象,则这是一个非IE浏览器if(e&&e.preventDefault)...
分类:
Web程序 时间:
2014-10-23 15:56:47
阅读次数:
299
DOM树首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。复制代码代码如下:$('a').bind('click',fu...
分类:
Web程序 时间:
2014-10-23 15:44:23
阅读次数:
211
一、事件流事件流描述的是从页面中接受事件的顺序。IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流1、事件冒泡事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。2、事件捕获事件捕获的思想是不太具体的节点应该更早接收到事件...
分类:
Web程序 时间:
2014-10-22 17:40:38
阅读次数:
115
如果一个整体页面里有大量的按钮.我们就要为每一个按钮绑定事件处理程序.这样就会影响性能了。DOM访问次数增多,就会导致延迟加载页面.事实上,从如何来利用好事件处理程序,还是有很好的解决方案的.一、事件委托对事件处理程序过多的问题解决的方案就是事件委托技术.事件委托技术利用了事件冒泡.只需指定一个事件...
分类:
编程语言 时间:
2014-10-22 09:52:02
阅读次数:
205
在jquery中,可以使用用stopPropagation阻止事件冒泡,例如:$("table").click(function(){ alert("table");});$("tr").click(function(){ alert("tr");});$("td").click(functio.....
分类:
其他好文 时间:
2014-10-21 17:23:37
阅读次数:
199