在学习事件传播的时候,发现一个问题,当时是这样子的。我给多层元素分别绑定了冒泡和捕获事件。按道理应该先从外向内执行完所有的捕获事件,再由内向外执行所有的冒泡事件。但是天不随人愿啊,有个元素偏偏先执行了冒泡事件,后执行了捕获事件。我怎么查资料也没弄明白,当时就放下了。今天突然发现自己这个不按规矩的元素...
分类:
Web程序 时间:
2015-04-02 18:05:12
阅读次数:
118
1.事件流 描述的是从文档页面接受事件的顺序。 冒泡事件流:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。 捕获事件流:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。2.事件处理程序 (1)HTML事件处理程序(2)D...
分类:
编程语言 时间:
2015-04-01 13:00:17
阅读次数:
116
事件冒泡:obj.addEventListener(eventType ,fn ,false);false => 冒泡(出来)事件捕获:obj.addEventListener(eventType ,fn ,true);true => 捕获(进去)HTML部分:div1 div2 ...
分类:
编程语言 时间:
2015-03-20 12:44:09
阅读次数:
149
第1章 事件流1-1.事件冒泡:事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收; 然后逐级向上传播至最不具体的那个节点(文档);1-2.事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件;第2章 事件处理程序2-1 HTML事件处理程序//缺点:HTML和JS代码...
分类:
Web程序 时间:
2015-03-06 15:38:56
阅读次数:
250
1. 事件目标
现在,事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的,但是没有被所有浏览器实现 。jQuery对这个事件对象进行了必要的扩展,从而在任何浏览器中都能够使用这个属性。通过.target,可以确定DOM中首先接收到事件的元素(即实际被单击的元素)。而且,我们知道this引用的是处理事件的DOM...
分类:
Web程序 时间:
2015-03-05 19:32:39
阅读次数:
159
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 html5
分类:
Web程序 时间:
2015-02-10 13:10:36
阅读次数:
137
delegate()还有一个非常重要的性质:使用delegate() 方法的事件处理程序适用于当前已经存在或未来新增的元素。那么delegate()是怎么做到的呢?很简单,利用javascript中的事件冒泡机制。当子元素产生1个事件的时候,如果没有禁止这个事件的传播,那么父元素也会感知到这个事件(父元素上的事件处理函数被调用)。而且通过Event对象,能够拿到最初触发事件的元素。下面的代码,我们自己实现了1个简易的事件委托机制。...
分类:
Web程序 时间:
2015-02-03 22:57:19
阅读次数:
237
最近一个项目基于3维skyline平台,进行javascript二次开发。对skyline事件的设计真是无语至极,不堪折磨啊!抽空学习了下,javascript和jquery的事件设计,收获颇大,总结此贴,和大家分享。到这里是不是可以理解addEventListener(type,handler,useCapture)这个API中第三个参数useCapture的含义呢?useCapture=false意味着:将事件处理函数加入到冒泡阶段,在冒泡阶段会被调用;useCapture=true意味着:将事件处理函...
分类:
编程语言 时间:
2015-01-29 00:08:21
阅读次数:
196
A:return false--->In event handler ,prevents default behavior and event bubbing 。 return false 在事件的处理中,可以阻止默认事件和冒泡事件。B:event.preventDefault()---> In e...
分类:
Web程序 时间:
2015-01-20 15:05:46
阅读次数:
252
1.jQuery的简介就像上节所将到的Ajax框架一样,简单的说,jQuery是一个优秀的javascript框架,它能够让用户方便的处理html,events(冒泡)事件,动画效果,ajax交互等,它极大程度的改变了开发者使用javascript的习惯。jQuery自2006年最初创建,已经吸引了...
分类:
Web程序 时间:
2015-01-18 00:49:50
阅读次数:
169