事件委托
使用事件委托技术能让你避免对每个节点添加事件监听器;
相反,事件委托是将监听添加到它们的父元素上。监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。
简单的说就是给父元素添加事件监听。当有事件触发监听器时,检查事件的来源的子元素,并对该子元素执行函数代码。
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');
})