target痒筒、this、currentTarget區(qū)別

重點(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();
}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末窘拯,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子坝茎,更是在濱河造成了極大的恐慌涤姊,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件景东,死亡現(xiàn)場離奇詭異砂轻,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)斤吐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進(jìn)店門搔涝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人和措,你說我怎么就攤上這事庄呈。” “怎么了派阱?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵诬留,是天一觀的道長。 經(jīng)常有香客問我贫母,道長文兑,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任腺劣,我火速辦了婚禮绿贞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘橘原。我一直安慰自己籍铁,他們只是感情好涡上,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著拒名,像睡著了一般吩愧。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上增显,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天雁佳,我揣著相機(jī)與錄音,去河邊找鬼甸怕。 笑死甘穿,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的梢杭。 我是一名探鬼主播温兼,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼武契!你這毒婦竟也來了募判?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤咒唆,失蹤者是張志新(化名)和其女友劉穎届垫,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體全释,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡装处,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了浸船。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片妄迁。...
    茶點(diǎn)故事閱讀 38,617評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖李命,靈堂內(nèi)的尸體忽然破棺而出登淘,到底是詐尸還是另有隱情,我是刑警寧澤封字,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布黔州,位于F島的核電站,受9級特大地震影響阔籽,放射性物質(zhì)發(fā)生泄漏流妻。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一笆制、第九天 我趴在偏房一處隱蔽的房頂上張望绅这。 院中可真熱鬧,春花似錦项贺、人聲如沸君躺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽棕叫。三九已至,卻和暖如春奕删,著一層夾襖步出監(jiān)牢的瞬間俺泣,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工完残, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留伏钠,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓谨设,卻偏偏與公主長得像熟掂,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子扎拣,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 在DOM事件對象中有兩個(gè)屬性總是時(shí)不時(shí)的困擾我赴肚,就是target和currentTarget,有時(shí)候很迷惑分不清兩...
    plainnany閱讀 57,311評論 5 55
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理二蓝,服務(wù)發(fā)現(xiàn)誉券,斷路器,智...
    卡卡羅2017閱讀 134,629評論 18 139
  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,324評論 0 8
  • 總結(jié): 鼠標(biāo)事件 1.click與dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r閱讀 1,597評論 2 10
  • 《A計(jì)劃》是1983年上映的一部喜劇警匪電影刊愚,由成龍執(zhí)導(dǎo)踊跟,成龍、元彪與洪金寶主演(成龍鸥诽、洪金寶商玫、元彪三兄弟組合是當(dāng)...
    pizCat閱讀 1,156評論 0 0