什么是事件委托?jquery和js怎么去实现?

事件委托又叫事件代理,事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。

js:

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"){
            console.log(target.innerHTML);
        }
    }
}

 jquery:

$(function(){
    $("#lists").on("click","li",function(event){
        var target = $(event.target);
        target.css("background","red");
    })
})

 

posted @ 2019-03-13 07:56  唐頔颖  阅读(506)  评论(0编辑  收藏  举报