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