關於事件寫了一系列文章
1.事件流(事件捕獲和事件冒泡)
2.事件處理程式
3.事件物件
本文介紹事件物件
4.通用的事件偵聽器函式
5.事件迴圈(event loop)
6.事件**((event delegation)
1.事件物件
觸發dom上的某個物件時,會產生乙個事件物件event
dom0級事件物件
無論指定事件處理程式時使用什麼方法(dom0級和dom2級),都傳入event物件
阻止特定事件的預設行為,就是使用preventdefault();
阻止進一步事件的事件捕獲或冒泡,就是使用stoppropagation()
ie中的事件物件
目標:srcelement
阻止特定事件的預設行為,就是使用returnvalue
阻止進一步事件的事件捕獲或冒泡,就是使用cancelbubble
跨瀏覽器的事件物件
var eventutil = ,
gettarget: function(event) ,
preventdefault: function(event) else
},//根據情況分別取消dom或者ie中事件冒泡
stoppropagation: function(event) else
}}var btn = document.getelementbyid("mybtn");
btn.onclick = function(event)
JS基礎 事件 事件流
總所周知,js和html之間的互動是通過事件實現的,互動過程中會產生許多事件,而從頁面上接收事件的順序就是事件流。事件流分為ie的事件冒泡流和netscape的事件捕獲流 這是指ie的事件流,即事件開始時由最具體的元素接收,然後逐級向上傳播到文件節點。所有的瀏覽器都在支援事件冒泡。但是ie5.5及之...
JS基礎 事件 事件委託
我們都知道,在js中,新增到頁面上的處理程式數量將直接影響到整體執行效能。因為事件的執行會一直占用記憶體,因此當事件的數量達到一定的程度之後,就會嚴重影響程式的效能,一種提公升效能的方式就是使用事件委託 事件委託利用了事件冒泡,只指定乙個事件處理程式,就可以管理某一型別的所有事件。適合使用事件委託的...
js事件(事件冒泡與事件捕獲)
事件冒泡和事件捕獲分別由微軟和網景公司提出,這兩個概念都是為了解決頁面中事件流 事件發生順序 的問題。點選 上面兩個點選事件如果點選的時候,到底誰會被先觸發呢,為了解決這個問題微軟和網景提出了兩種幾乎完全相反的概念。微軟提出了名為事件冒泡 event bubbling 的事件流。事件冒泡可以形象地比...