e.target和 e.currentTarget的区别，及获取节点的方式

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