欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

讀jQuery之十 事件模塊概述

 更新時(shí)間:2011年06月27日 22:13:42   作者:  
jQuery的事件模塊是較復(fù)雜的,前面僅僅提到了對(duì)事件對(duì)象的包裝。即統(tǒng)一了一些兼容性的問題。這篇會(huì)綜述下jQuery的整個(gè)事件模塊。
后面會(huì)詳細(xì)分析jQuery.event.add/jQuery.event.remove/jQuery.event.trigger。

雖然事件模塊代碼很難讀,但其提供的API接口還是很清晰的。如下

1 添加事件(bind/one/live/delegate/hover/toggle)
bind 基本的添加事件函數(shù)。
one 添加只執(zhí)行一次的事件函數(shù)。
live 事件代理(使用document代理)。
delegate 事件代理(使用指定元素代理)。
hover 模擬css的hover。
toggle 顯示/隱藏。

bind/one/live 都是使用內(nèi)部的jQuery.event.add 來完成事件添加。
delegate 內(nèi)部調(diào)用的是live。
hover 內(nèi)部使用mouseenter/mouseleave,而mouseenter/mouseleave又使用bind。
toggle 內(nèi)部使用click,而click內(nèi)部又調(diào)用的是bind。

實(shí)際上jQuery的一個(gè)each調(diào)用就給jQuery對(duì)象上增加了24個(gè)添加事件的快捷方法
如下圖

如下圖


記住,bind調(diào)用的是jQuery.event.add,因此 jQuery.event.add 才是整個(gè)jQuery添加事件模塊的核心。以上所有的方法都是在其之上構(gòu)建的上層應(yīng)用。如圖


2 刪除事件 (unbind/die/undelegate)

unbind 刪除事件基礎(chǔ)方法??梢詣h除一個(gè)指定handler,還可以刪除某類型事件的全部handler,甚至可以刪除掛在element上的全部事件。其內(nèi)部調(diào)用jQuery.event.remove。

die/undelegate 刪除事件代理。 內(nèi)部都使用unbind。


因此, jQuery.event.remove 才是整個(gè)jQuery刪除事件模塊的核心。unbind/die/undelegate都是在其之上構(gòu)建的上層應(yīng)用。如圖


3 觸發(fā)事件(trigger/triggerHandler)

trigger 觸發(fā)一個(gè)事件(會(huì)冒泡)

triggerHandler 觸發(fā)一個(gè)事件(不會(huì)冒泡)


trigger/triggerHandler 內(nèi)部調(diào)用的都是jQuery.event.trigger,因此jQuery.event.trigger 才是整個(gè)jQuery觸發(fā)事件模塊的核心。如圖

相關(guān)文章

最新評(píng)論