事件委托原理及代码展示

事件委托： 　事件委托就是利用冒泡的原理，把事件加到父元素或祖先元素上，触发执行效果

<ul id="list">
<li id="item1" >item1</li>
<li id="item2" >item2</li>
<li id="item3" >item3</li>
</ul>

var item1 = document.getElementById(“item1”);
var item2 = document.getElementById(“item2”);
var item3 = document.getElementById(“item3”);

document.addEventListener(“click”,function(event){
var target = event.target;
if(target == item1){
alert(“hello item1”);
}else if(target == item2){
alert(“hello item2”);
}else if(target == item3){
alert(“hello item3”);
}
})

优点： 提高JavaScript性能。事件委托可以显著的提高事件的处理速度，减少内存的占用。