li标签绑定事件

关于在前端面试中，经常会被技术人员问道在ul标签中有一组li标签，你如何点击每个li并显示相应的内容，最初我的想法是用for循环给每个li添加click事件，然而产生了闭包的效果，为了解决这个问题，我又对代码进行了下面的更改。

1

2

3

4

var li=document.getElementsByTagName("li");

for(var i=0;i

li[x].οnclick=function(){

alert(x);

}

})(i);

}

这样就很好的解决闭包带来的效应，不过这样效率并不是最高的，如果有1000个li标签，难道还要循环个1000遍，这样肯定不行所以利用事件冒泡特性提高效率。主要是利用事件代理。

事件代理（Event Delegation），又称之为事件委托。是 JavaScript 中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务。