事件代理与e.target和e.currentTarget

• 事件代理

  • 如果一个节点中的子节点是动态生成的，那么子节点需要注册事件就需要注册在父节点上

  • 优点

    • 节省内存
    • 不需要给子节点注销事件

  • e.target和e.currentTarget

    <button onclick="btnClickHandle(event)">按钮</button>
    function btnClickHandle(e){
        console.log(e.target);//触发谁（点击谁）目标就是谁
        console.log(e.currentTarget);//绑定谁目标就是谁
    }
    

    • e.target 为触发事件的标签，谁触发就是谁
    • e.currentTarget 为绑定事件的标签，绑定哪个标签就是哪个