JS 中 event.target 与 event.currentTarget 的区别
- event.target 返回触发事件的元素(在点击事件中,就相当于被你点击的那个元素对象)
- event.currentTarget 返回绑定事件的元素,即事件的委托对象(绑定了事件处理函数的元素)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<ul>
<li>hello 1</li>
<li>hello 2</li>
<li>hello 3</li>
<li>hello 4</li>
</ul>
<script>
let ul = document.querySelectorAll('ul')[0]
let aLi = document.querySelectorAll('li')
ul.addEventListener('click',function(e){
let oLi1 = e.target
let oLi2 = e.currentTarget
console.log(oLi1)
console.log(oLi2)
console.og(oLi1 === oLi2)
})
</script>
</body>
</html>