首頁猿問請幫忙解釋一段代碼(js阻止冒泡傳遞)

請幫忙解釋一段代碼(js阻止冒泡傳遞)

JavaScript

undertale 2016-09-26 01:38:58

這段代碼有點(diǎn)看不懂，主要是畫線的三個(gè)地方第一個(gè)，section.length指的是多少？是4嗎？是點(diǎn)擊我！的長度嗎？第二個(gè)，函數(shù)傳入的event參數(shù)，應(yīng)該就是onclick吧？如果這括號里不寫event，寫空或者隨便寫個(gè)字符(例如e)可以嗎？第三個(gè)，this.classname指的是innermost,event.target.classname指的是regular嗎？還有一個(gè)疑問，這段代碼應(yīng)該是this.classname轉(zhuǎn)換成了regular，然后stop了，阻止了冒泡傳遞，但怎么轉(zhuǎn)換成regular的，這個(gè)過程有點(diǎn)不懂啊

查看完整描述

7 回答

已采納

人生還有多少個(gè)二十年

TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超1個(gè)贊

解答1：答案為3（你腳本里的第一句是將所有section標(biāo)簽節(jié)點(diǎn)獲取并保存在變量sections中，代碼中出現(xiàn)了三個(gè)標(biāo)簽，所有sections的length(長度)應(yīng)該是3）

解答2：不是onclick,不能為空，可以用其他標(biāo)識符代替，如e,但標(biāo)識符不能是隨便取的。（當(dāng)你點(diǎn)擊了section標(biāo)簽所有的區(qū)域時(shí)，會觸發(fā)onclick事件，此時(shí)事件的處理函數(shù)會接收到一個(gè)參數(shù)，即事件對象，由于在函數(shù)中你要用到該對象，所以你要給定一個(gè)參數(shù)去接收它，該參數(shù)可以命名為event或者e,或者用其它可讀性較強(qiáng)的標(biāo)識符）

解答3：this.classname是變化的（依次為"innermost","regular"），event.target.classname是唯一的（"innermost"）。（首先，當(dāng)你點(diǎn)擊了“點(diǎn)擊我！”的位置時(shí)，觸發(fā)綁定在類名為innermost的section標(biāo)簽的onclick事件，然后開始冒泡，正常的話會依次觸發(fā)regular,outermost上的事件，而你在它冒泡到regular時(shí)，就阻止了它繼續(xù)冒泡，因而無法觸發(fā)outermost上的的事件，）

如果我說了這么多，你還不明白，你也不用灰心，多看書，多看視頻，慢慢就會懂了。

給你推薦一下視頻：http://idcbgp.cn/learn/138

1 反對回復(fù) 2016-09-26