js 事件 事件物件

2021-07-24 11:00:54 字數 856 閱讀 5024

關於事件寫了一系列文章

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 的事件流。事件冒泡可以形象地比...