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
}
事件委托
描述:将事件添加到父级节点上,通过冒泡触发,提高性能
应用:循环遍历节点添加事件的时候