event.target 和 event.currentTarget

先上图:
event.target 和 event.currentTarget_第1张图片

1. 当点击对象与事件监听对象是同一个时,event.target 和 event.currentTarget 得到的是同一个对象

在红色区域的div绑定点击事件的监听,点击红色区域,此时,event.target 指的是当前点击的对象,即红色div的DOM对象,而event.currentTarget指得是点击事件绑定的对象,也是红色区域的div

123
333

2. 当点击对象与事件监听对象不是同一个时,event.target 和 event.currentTarget 得到的不是同一个对象

在外层的div绑定点击事件的监听,点击红色区域,此时,event.target 指的是当前点击的对象,即红色div的DOM对象,而event.currentTarget指得是点击事件绑定的对象,即外层div

代码:

123
333

你可能感兴趣的:(javascript,event)