JavaScript事件委托實例分析

更新時間：2015年05月26日 14:59:05 作者：不吃皮蛋

這篇文章主要介紹了JavaScript事件委托的用法,以實例形式分析了javascript事件委托的實現方法,需要的朋友可以參考下

本文實例講述了JavaScript事件委托用法。分享給大家供大家參考。具體如下：

var addEvent = function (elem, eventType, func) {
 if ( elem.addEventListener )
  addEvent = function (elem, eventType, func) {
   elem.addEventListener(eventType, func, false);
  };
 else if ( elem.attachEvent )
  addEvent = function (elem, eventType, func) {
   elem.attachEvent('on' + eventType, func);
  };
 addEvent(elem, eventType, func);
};
var delegateEvent = function (elem, childElems, eventType, func, args) {
 addEvent(elem, eventType, function (e) {
  var evt = e || window.event;
  var elem = evt.target || evt.srcElement;
  if ( elem.nodeName.toLowerCase() == childElems.toLowerCase() ) {
   func(elem, args);
  }
 });
};

希望本文所述對大家的javascript程序設計有所幫助。

您可能感興趣的文章:

JavaScript函數綁定用法實例分析
這篇文章主要介紹了JavaScript函數綁定用法,結合實例形式分析了javascript函數綁定的原理、實現方法與相關操作技巧,需要的朋友可以參考下
2017-11-11
SublimeText自帶格式化代碼功能之reindent
這篇文章主要介紹了SublimeText自帶格式化代碼功能之reindent的相關資料,需要的朋友可以參考下
2015-12-12
javascript實現checkbox全選的代碼
本文給大家分享的是js實現checkbox的全選的代碼,在網頁制作中很常用的js代碼,供大家學習參考。
2015-04-04
JS正則表達式比較常見用法
本文給大家介紹JS正則表達式比較常見用法，涉及到js正則表達式用法相關知識，感興趣的朋友一起學習吧
2016-01-01
js實現的下拉框二級聯動效果
這篇文章主要介紹了js實現的下拉框二級聯動效果,涉及JavaScript針對頁面元素的遍歷與節(jié)點操作相關技巧,需要的朋友可以參考下
2016-04-04
JavaScript中常見的高階函數總結
JavaScript的函數其實都指向某個變量,既然變量可以指向函數,函數的參數能接收變量,那么一個函數就可以接收另一個函數作為參數,這種函數就稱之為高階函數,這篇文章主要給大家介紹了關于JavaScript中常見的高階函數,需要的朋友可以參考下
2022-02-02
微信小程序把百度地圖坐標轉換成騰訊地圖坐標過程詳解
這篇文章主要介紹了微信小程序把百度地圖坐標轉騰訊地圖坐標過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-07-07
JSQL 批量圖片切換的實現代碼
其實這個example也很簡單，就是根據where后的條件批量修改element的屬性，此處為Img元素
2010-05-05
JS獲取多維數組中相同鍵的值實現方法示例
這篇文章主要介紹了JS獲取多維數組中相同鍵的值實現方法,結合實例形式分析了JS數組遍歷、判斷、鍵值獲取等操作技巧,需要的朋友可以參考下
2017-01-01
原生js模擬淘寶購物車項目實戰(zhàn)
這篇文章主要向大家推薦了一個原生js模擬淘寶購物車項目實戰(zhàn)，包括商品的單選、全選、刪除、修改數量、價格計算、數目計算、預覽等功能的實現，感興趣的小伙伴們可以參考一下
2015-11-11