img

如何给ul下的li标签绑定事件

2020-07-20 0条评论 1.9k次阅读 JavaScript


用事件委托,给外层的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);
        }
    }
}
🏷️ #绑定事件

💬 COMMENT


🦄 支持markdown语法

👋友