<ul id="box"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul>
普通情况下：通过循环绑定所有
var li=document.getElementsByTagName("li"); for(var i=0;i<li.length;i++){ li[i].addEventListener("click",function(e){ console.log(e.target.innerHTML); }) }
使用代理：通过父层绑定，那就不用给每个子元素绑定了
var box=document.getElementById("box"); box.addEventListener("click",function(e){ console.log(e.target.innerHTML); });
注意：addEventListener 在IE不支持，需要使用attachEvent，事件名称，含“on”
原文：http://www.cnblogs.com/tinyphp/p/4845453.html