1、代码
<!DOCTYPE html>
<html>
<body>
<div style="width: 30px;height: 30px;background-color: #0e91e1"></div>
</body>
<script>
document.querySelector('body').onclick = function (e) {
console.log("currentTarget:", e.currentTarget);
console.log("target:", e.target);
}
</script>
</html>
2、点击
1)、点击div时:
2)、点击body时(鼠标不在div范围内):
3、说明
可以看到currentTarget为绑定onclick的元素dom;target为鼠标点击的元素dom;