如何给ul下的li标签绑定事件
Sonder
2020-07-20
444字
1分钟
浏览 (2.2k)
用事件委托，给外层的ul绑定事件，根据事件冒泡的原理内层的li也被绑定，好处是如果再多了几个li标签，就不用重复绑定了，而且比遍历绑定更省资源
还可以通过e.target.nodeName来指定某个标签才响应该事件
window.onload = function(){
var oUl = document.getElementById("ul1");
oUl.onclick = function(ev){
var ev = ev || window.event;
var target = ev.target || ev.srcElement;
if(target.nodeName.toLowerCase() == 'li'){
alert(123);
alert(target.innerHTML);
}
}
}