js事件委托

概念

利用事件冒泡，只指定一个事件处理程序就可以管理某一类型的所有事件，比如我们可以给一个ul添加点击事件，而没有必要给每一个li都添加事件。

native api（原生）方式

html

<ul id="lists">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

js

var list = document.getElementById("lists");
        list.addEventListener("click",function(){
            if(event.target.nodeName == "LI"){
                console.log(event.target.innerText);//1,2,3,4
            }
        })

jquery方式

 $("#lists").on("click","li",function(){
            console.log(event.target)
        })