标签：
在引入事件委托之前，首先来看下面这个例子：点击改变li的背景颜色。
<ul id="container"> <li>1</li> <li>2</li> <li>2</li> <li>3</li> <li>4</li> </ul>
window.onload = function () { var liLis = document.getElementsByTagName(‘li‘); for (var i = 0; i < liLis.length; i++) { //addEventListener不兼容ie9以下版本，请自行用attachEvent做兼容处理 liLis[i].addEventListener(‘click‘, function (ev) { //兼容ie低版本 var ev = ev || window.event; var target = ev.target || ev.srcElement; target.style.background = ‘red‘; }, false) } }
window.onload = function () { var ul = document.getElementById(‘container‘); //addEventListener不兼容ie9以下版本，请自行用attachEvent做兼容处理 ul.addEventListener(‘click‘, function (ev) { //兼容ie低版本 var ev = ev || window.event; var target = ev.target || ev.srcElement; //nodeName:找到元素标签名 if (target.nodeName.toLowerCase() == ‘li‘) { target.style.background = ‘green‘; } }, false) }
标签：
原文地址：http://www.cnblogs.com/crazy-man/p/5274541.html
