jquery事件委托
2013-10-18 13:29
363 查看
事件委托
首先举几个时间的例子,帮助大家容易理解
比如:有三个同事预计在会在周一收到一份快递。为签收快递,有两种办法:一是三个人在公司门口等;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案。前台MM收到快递后,她会判断收件人是谁,然后按照收件人的要求签收,甚至代为付款。这种方案还有一个优势,那就是即使公司里来了新员工(不管多少),前台MM也会在收到寄给新员工的快递后核实并代为签收。
我们知道,DOM在为页面中的每个元素分派事件时,相应的元素一般都在事件冒泡阶段处理事件。在类似 body > div > a 这样的结构中,如果单击a元素,click事件会从a一直冒泡到div和body(即document对象)。因此,发生在a上面的单击事件,div和body元素同样可以处理。而利用事件传播(这里是冒泡)这个机制,就可以实现事件委托。具体来说,事件委托就是事件目标自身不处理事件,而是把处理任务委托给其父元素或者祖先元素,甚至根元素(document)。
更多详细见:http://www.ituring.com.cn/article/467
首先举几个时间的例子,帮助大家容易理解
比如:有三个同事预计在会在周一收到一份快递。为签收快递,有两种办法:一是三个人在公司门口等;二是委托给前台MM代为签收。现实当中,我们大都采用委托的方案。前台MM收到快递后,她会判断收件人是谁,然后按照收件人的要求签收,甚至代为付款。这种方案还有一个优势,那就是即使公司里来了新员工(不管多少),前台MM也会在收到寄给新员工的快递后核实并代为签收。
我们知道,DOM在为页面中的每个元素分派事件时,相应的元素一般都在事件冒泡阶段处理事件。在类似 body > div > a 这样的结构中,如果单击a元素,click事件会从a一直冒泡到div和body(即document对象)。因此,发生在a上面的单击事件,div和body元素同样可以处理。而利用事件传播(这里是冒泡)这个机制,就可以实现事件委托。具体来说,事件委托就是事件目标自身不处理事件,而是把处理任务委托给其父元素或者祖先元素,甚至根元素(document)。
更多详细见:http://www.ituring.com.cn/article/467
相关文章推荐
- JS和JQuery中的事件委托 学习笔记
- 关于jquery的事件委托-bind,live,delegate,on的区别发展
- 案例十一 、使用jQuery动态追加页面数据以及事件委托
- 【jQuery源码】事件委托
- jquery的事件委托-bind,live,delegate,on的区别
- jQuery 事件委托
- 前端开发——jquery之事件委托和绑定
- jquery事件委托的回调函数中调用全局变量的简单方法
- jquery事件委托的回调函数中调用全局变量的简单方法
- 使用 jquery 事件委托的 on 方法
- 委托事件和jquery中的delegate方法
- JQuery取消和注册对象Click事件同时防止多播委托
- Jquery事件委托之Safari
- Jquery事件委托之Safari
- jQuery 事件委托
- jQuery代码优化:事件委托篇
- jquery事件委托的回调函数中调用全局变量的简单方法
- Jquery事件委托之Safari
- jQuery高级事件---on、off、one和事件委托
- jQuery事件绑定和委托