e.target 和e.currentTarget的区别

• e.target 指向触发事件监听的对象。
• e.currentTarget 指向添加监听事件的对象，指向代码中点击事件的元素

e.target始终指向即当前点击的目标元素，e.currentTarget在事件委托中，如果监听元素不是目标元素，则指向监听元素

$('#listen').addEventListener('click',function(e){

console.info(e.target) // li

console.info(e.currentTarget)// ul

})

let aLi = document.querySelectorAll('li') 

for(let i=0;i<aLi.length;i++){

aLi[i].addEventListener('click',function(e){

console.log(e.target ) // li

console.log(e.currentTarget) // li 因为监听元素为li

console.og(oLi1===oLi2) // true

})

}

$('ul').click(function (e) {
    console.log(e.target);  //当前的li
    console.log(e.currentTarget); //元素的ul
})

// eg：

<ul id="listen">

<li>1</li>

<li>1</li>

<li>1</li>

<ul>