首頁(yè) 猿問(wèn) 請(qǐng)幫忙解釋一段代碼(js阻止冒泡傳遞)

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

JavaScript

undertale 2016-09-26 01:38:58

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

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

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

如果我說(shuō)了這么多，你還不明白，你也不用灰心，多看書(shū)，多看視頻，慢慢就會(huì)懂了。

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

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