JavaScript事件委托實(shí)例分析

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

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

本文實(shí)例講述了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程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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