事件委託

1. 基本用法:

element.addEventListener('click', function(event) {
    // 判斷是否是 a 節點
    if ( event.target.tagName == 'A' ) {
        // a 的一些交互操作
    }
}, false);

2. 爲什麼不用第三個參數 true

所有介紹事件的文章都會說,在使用 addEventListener 函數來監聽事件時,第三個參數設置爲 false,這樣監聽事件時只會監聽冒泡階段發生的事件。

這是因爲 IE 瀏覽器不支持在捕獲階段監聽事件,爲了統一而設置的,畢竟 IE 瀏覽器的份額是不可忽略的。

3. 詳情鏈接

更多關於事件代理的東西,請戳這裏!

發佈了45 篇原創文章 · 獲贊 57 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章