事件对象与事件委托

事件对象

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
event.composedPath()
返回一个数组，包含了目标节点冒泡经过的所有节点
event.target
返回事件的目标节点（触发该事件的节点）
event.currentTarget
返回当前事件所在的节点。与this一致。
event.srcElement
IE中返回目标节点

 

事件委托(事件代理)（delegation）。

由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理.

        var div=document.getElementById("div")
        var btn=document.getElementById("btn")
        btn.onclick=function(){
            var p=document.createElement("p")
            p.innerHTML="我系新创建的P"
            div.appendChild(p)
        }
        div.onclick=function(e){
            e=e||window.event
            if(e.target.tagName.toLowerCase()==="p"){       //tagName 大写的标签名
                console.log(1)                              //target  返回事件的目标节点
            }
        }//多用于给手动创建的元素添加点击事件