e.target 指的是你点击的元素
e.currentTarget 指的是你当前绑定点击事件的元素
<div id='father' @click="click">
<span id='son-one'></span>
<span id='son-two'></span>
</div>
如上示例结构,把点击事件绑定在父元素,
如果js设置 e.currentTarget , 那么无论你点击div内的任何一个位置,指定的都是绑定了点击事件的 父级 ‘#father’ div
如果js设置 e.target 那么你点击div内的第一个span,则指定的是第一个span,点第二个则指定的是第二个,点父级div内区域内除span外的区域,则指定的是父级div,也就是点谁指向谁
#获得点击元素的前一个元素
e.currentTarget.previousElementSibling.innerHTML
#获得点击元素的第一个子元素
e.currentTarget.firstElementChild
# 获得点击元素的下一个元素
e.currentTarget.nextElementSibling
# 获得点击元素中id为string的元素
e.currentTarget.getElementById("string")
# 获得点击元素的string属性
e.currentTarget.getAttributeNode('string')
# 获得点击元素的父级元素
e.currentTarget.parentElement
# 获得点击元素的前一个元素的第一个子元素的HTML值
e.currentTarget.previousElementSibling.firstElementChild.innerHTML