读jQuery之十六（事件代理）

?

事件代理的实现原理很简单：利用浏览器中事件的冒泡（event bubbling）和事件源（target || srcElement）。

?

某些场景中特别适合使用事件代理，它有如下好处

1、需要管理的handler更少。

2、占用的内存更少（创建的驻留在内存中的handler少了）。

3、DOM元素与代码更少的绑定。

4、DOM变更后（如添加dom节点）无须重新绑定事件处理器。

?

它也有如下不足

1、并非所有的事件都能冒泡，如load, change, submit, focus, blur(jQuery间接的实现了focus和blur的事件代理)。

2 ?代理元素的handler管理复杂。

3 ?不好模拟用户触发事件（jQuery实现了）。

?

很多开源框架中都加入了事件代理API，比如yui、sencha touch、gaea等。jQuery的事件代理提供给客户端程序员的有以下几个函数

.live?使用document对象代理事件

.delegate?根据选择器指定特定的元素代理事件

.die?解除使用live代理事件的绑定

.undelegate?解除使用delegate代理事件的绑定

?

?

如图

?

以下是delegate的代码

?
这是jQuery自己加的事件，即可以如下使用
?
2，进入到jQuery.event.add后，会进入到这一句
?
即给代理元素（如document对象）添加的真正事件是click，但响应时会从live上取fn。知道了live存放数据的结构，那么die的实现就好理解了。
?
?