第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

React 如何阻止事件冒泡?

React 如何阻止事件冒泡?

BIG陽 2018-11-08 13:15:40
在react組件中一個(gè)元素綁定onClick事件,點(diǎn)擊后總會(huì)向上傳播,如何阻止冒泡?有什么解決方案
查看完整描述

1 回答

?
守著一只汪

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

React 為提高性能,有自己的一套事件處理機(jī)制,相當(dāng)于將事件代理到全局進(jìn)行處理,也就是說監(jiān)聽函數(shù)并未綁定到DOM元素上。因此,如果你禁止react事件冒泡e.stopPropagation(),你就無法阻止原生事件冒泡;你禁用原生事件冒泡e.nativeEvent.stopPropagation(),React的監(jiān)聽函數(shù)就調(diào)用不到了。

正確的姿勢(shì),應(yīng)該是判斷event.target對(duì)象,是否是目標(biāo)對(duì)象、或包含的對(duì)象、或被包含的對(duì)象,來決定是否觸發(fā)事件。以下函數(shù)就可以用來判斷包含性:

function contains(root, n) {

    var node = n;

    while (node) {

        if (node === root) {

            return true;

        }

        node = node.parentNode;

    }

    return false;

}

Demo:

handleClick (e) {

    if(e.target.nodeName === 'li'){

        // do something

    }

    if(contains(this.root, e.target)){

        // do something

    }

}


查看完整回答
反對(duì) 回復(fù) 2018-12-12
  • 1 回答
  • 0 關(guān)注
  • 1173 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)