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

jquery 筆記 事件

 更新時(shí)間：2011年11月02日 11:06:43   作者：  
寫js已經(jīng)有很久了，但是對(duì)js的詳細(xì)了解還是很膚淺的，這幾天在看jquery，在其中有一些新的發(fā)現(xiàn)和體會(huì)，記錄下來(lái)
瀏覽器模型：
1、DOM第0級(jí)模型
事件處理程序通過(guò)吧函數(shù)實(shí)例的引用指派到DOM元素的屬性而聲明。這也是我們最常見(jiàn)的，如onclick等
復(fù)制代碼 代碼如下:

<img onclick="alert('hello');" src="1.jpg" />
$("img").onmouseover = function(){alert("hello");}

（1）、其中比較好玩的是Event實(shí)例和事件冒泡
Event實(shí)例是大多數(shù)瀏覽器把事件的類實(shí)例作為第一個(gè)參數(shù)傳給函數(shù)，但是ie中則是將event指定到window的屬性；在獲取目標(biāo)元素w3c標(biāo)準(zhǔn)瀏覽器存在target，ie則取srcElement屬性，為兼容事件如下寫：
復(fù)制代碼 代碼如下:

$("img").onclick=function(event){
if(!event) event = window.event;
var target = event.target?event.target:event.srcElement;
}

（2）、事件冒泡
目標(biāo)元素獲得機(jī)會(huì)吃力事件，事件模型堅(jiān)持目標(biāo)元素的父元素，看是否為同類型建立了處理程序，如果是，則也調(diào)用處理程序，直到DOM樹頂部
對(duì)于w3c標(biāo)準(zhǔn)瀏覽器可使用event的stopPropagation(),對(duì)于ie可使用event的cancelBubble取消冒泡

2、第2級(jí)模型
解決0級(jí)模型中每個(gè)屬性存儲(chǔ)事件只能注冊(cè)一個(gè)處理程序缺陷。
復(fù)制代碼 代碼如下:

$("img").addEventListener('click',function1,false).addEventListener('click',function2,false);

在2級(jí)模型中，事件被觸發(fā)，先從DOM樹向下傳播到目標(biāo)元素（捕捉階段），再向上冒泡，上面的addEventListener第三個(gè)參數(shù)為false時(shí)建立冒泡型處理程序，為ture時(shí)建立捕捉型處理程序。
這里的捕捉型也是第一次聽(tīng)說(shuō)，因?yàn)閕e6和7就不支持第2級(jí)模型，所以也難怪，但部分ie瀏覽器支持類似冒泡型的有attachEvent(eventName,handler)。

那么jquery的bind則我們解決了這些。。。
參考《jquery實(shí)戰(zhàn)》

相關(guān)文章

最新評(píng)論