事件对象

target和curentTarget的区别

总结

1、this指向绑定事件的DOM对象
2、curentTarget指向绑定事件的DOM对象
3、target指向触发事件的DOM对象

demo

1、点击获取当前元素内容

function getDomText (e) {
    var event = e || window.event;
    var targetElement = event.currentTarget;
    var res = targetElement.innerText;
    return res
}

2、点击获取第一个子节点的元素内容

function getDomText (e) {
    var event = e || window.event;
    var targetElement = event.currentTarget;
    var res = targetElement.firstChild.innerText;
    return res
}

事件委托

描述：将事件添加到父级节点上，通过冒泡触发，提高性能
应用：循环遍历节点添加事件的时候

网站导航

网站导航