Question

js 事件委托了 之后，怎么知道我点击可第几个li 或许下标

<ul id="ul">
<li>aaaaaaaa</li>
<li>事件委托了 点击当前，如何获取 这个点击的下标</li>
<li>cccccccc</li>
</ul>
<script>
window.onload = function(){
var oUl = document.getElementById("ul");
var aLi = oUl.getElementsByTagName("li");
oUl.onclick = function(ev){
var ev = ev || window.event;
var target = ev.target || ev.srcElement;
if(target.nodeName.toLowerCase() == "li"){
var that=target;
// alert('我的下标是第'+ index+ '个');
target.style.background = "red";
}

}

}
</script>

Answer 1

window.onload = function(){
  var oUl = document.getElementById("ul");
  var aLi = oUl.getElementsByTagName("li");
   oUl.onclick = function(ev){ 
    var ev = ev || window.event;
    var target = ev.target || ev.srcElement;
		 if(target.nodeName.toLowerCase() == "li"){
			 var that=target;
			 var index;
			 for(var i=0;i<aLi.length;i++)if(aLi[i]===target)index=i;
			 if(index>=0)alert('我的下标是第'+index+'个');
			target.style.background = "red";
		 }
	
   }

}

追问

非常感谢！！！1速度好快

附带问问：里面又循环了一次 性能相比 直接循环 每个li绑定事件（没委托）的
for(var i=0; i<aLi.length; i++){
aLi[i].onmouseover = function(){
this.style.background = "red";
}

那个好？