事件委托

使用事件委托技术能让你避免对每个节点添加事件监听器;

相反,事件委托是将监听添加到它们的父元素上。监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。

简单的说就是给父元素添加事件监听。当有事件触发监听器时,检查事件的来源的子元素,并对该子元素执行函数代码。

js事件委托:

document.onclick = function(e){
 e = e || window.e;
 var target = e.target || e.srcElement;
 if(target.nodeName.toLowerCase() == "li"){
  target.style.background = "red";
 }
}
jq事件委托:

$(document).on('click','div',function(){
  $(this).css('background','orange');
})

posted @ 2017-05-26 21:16  野望之风  阅读(113)  评论(0编辑  收藏  举报