首页 > 语言 > JavaScript > 正文

JavaScript事件委托实例分析

2024-05-06 16:20:53
字体:
来源:转载
供稿:网友

这篇文章主要介绍了JavaScript事件委托的用法,以实例形式分析了javascript事件委托的实现方法,需要的朋友可以参考下

本文实例讲述了JavaScript事件委托用法。分享给大家供大家参考。具体如下:

 

 
  1. var addEvent = function (elem, eventType, func) { 
  2. if ( elem.addEventListener ) 
  3. addEvent = function (elem, eventType, func) { 
  4. elem.addEventListener(eventType, func, false); 
  5. }; 
  6. else if ( elem.attachEvent ) 
  7. addEvent = function (elem, eventType, func) { 
  8. elem.attachEvent('on' + eventType, func); 
  9. }; 
  10. addEvent(elem, eventType, func); 
  11. }; 
  12. var delegateEvent = function (elem, childElems, eventType, func, args) { 
  13. addEvent(elem, eventType, function (e) { 
  14. var evt = e || window.event; 
  15. var elem = evt.target || evt.srcElement; 
  16. if ( elem.nodeName.toLowerCase() == childElems.toLowerCase() ) { 
  17. func(elem, args); 
  18. }); 
  19. }; 

希望本文所述对大家的javascript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选