亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jquery 筆記 事件

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

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

（1）、其中比較好玩的是Event實例和事件冒泡
Event實例是大多數(shù)瀏覽器把事件的類實例作為第一個參數(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ī)會吃力事件，事件模型堅持目標(biāo)元素的父元素，看是否為同類型建立了處理程序，如果是，則也調(diào)用處理程序，直到DOM樹頂部
對于w3c標(biāo)準(zhǔn)瀏覽器可使用event的stopPropagation(),對于ie可使用event的cancelBubble取消冒泡

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

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

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

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

相關(guān)文章

最新評論