事件

2020-04-28 10:18 更新

阻止冒泡

由于小程序本身沒有阻止事件冒泡的方式,而是采用不同的方法屬性來聲明阻止冒泡(如 微信小程序的 catchtap),所以 Remax 自己實現(xiàn)了 stopPropagation 方法。

我們建議在 remax 中不要使用 catchtap 的方式,以免出現(xiàn)未知的問題。

如果你使用了小程序原生組件,原生組件中的點擊事件沒有 stopPropagation 方法,不支持阻止冒泡。

用法如下:

function Page() {
function handleFooClick(event) {
event.stopPropagation();
}
function handleBarClick() {
...
}
return (
<View onClick={handleBarClick}>
bar
<View onClick={handleFooClick}>
foo
</View>
</View>
)
}

當你點擊 foo 標簽時,將會觸發(fā) handleFooClick 回調(diào),但不會執(zhí)行 handleBarClick。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號