重點(diǎn)理論
1.target:觸發(fā)事件的某個(gè)具體對象,只會出現(xiàn)在事件流的目標(biāo)階段簿透,誰觸發(fā)誰命中
2.currentTarget:綁定事件的對象移袍,恒等于this,可能出現(xiàn)在事件流的任意一個(gè)階段中
3.通常情況下target和currentTarget是一致的,我們只要使用target即可老充,但是有一種情況葡盗,必須區(qū)分三者之間的關(guān)系
父子嵌套關(guān)系中,父元素綁定了事件啡浊,然而單擊子元素觸發(fā)事件觅够,則根據(jù)事件流,在布阻止事件流的前提下他會傳遞至父元素巷嚣,因?yàn)樗墙壎ㄊ录膶ο蟠龋鴗arget由于是觸發(fā)事件的具體對象,它會指向子元素
<div id="one">
<div id="three"></div>
</div>
one.addEventListener('click',function(e){
console.log(e.target); //three
console.log(e.currentTarget); //one
},false);
function delBtnHandle() {
//通過當(dāng)前元素父節(jié)點(diǎn)的父節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)的文本內(nèi)容確定當(dāng)前數(shù)組的屬性并刪除
//這里不能用e廷粒,要用this來指代對象
var cityName = this.target.parentNode.parentNode.childNodes[0].innerHTML;
delete aqiData[cityName];
renderAqiList();
}