亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

嵌入式按鈕在連結(jié)中,如何停止onClick連結(jié)的連鎖效應(yīng)
P粉553428780
P粉553428780 2023-08-17 21:31:04
0
1
579
<p>我有類似下面範(fàn)例的程式碼。我正在嘗試創(chuàng)建一個可點擊的網(wǎng)格單元格,將用戶發(fā)送到一個URL,但是當(dāng)點擊嵌入的圖像按鈕時,我只希望觸發(fā)onClick事件,而不是其他事件,是否有可能做到這樣?我嘗試添加一個stopPropagation的調(diào)用,但是在處理完第一個onClick後,它仍然會連結(jié)到底層的連結(jié)。 </p> <pre class="brush:php;toolbar:false;">const handleSaveClick = async (e, activity, index) => { e.stopPropagation(); … } <Grid item> <a className={clsx(classes.link)} href={payload.shareableUrl} onClick={() => handleLinkClick(payload.url, index)} > <Tooltip title={payload.title}> <Typography className={clsx(classes.copy)}> {payload.title} </Typography> </Tooltip> <Button className={clsx(classes.savedButton)} onClick={(e) => handleSaveClick(e, payload, index)} > <img className={clsx(classes.savedIcon)} src={payload.isSaved ? saved : notSaved} /> </Button> </a> </Grid></pre>
P粉553428780
P粉553428780

全部回覆(1)
P粉863295057

在handleSaveClick函式中,你可以使用e.preventDefault()函式。當(dāng)點擊嵌入圖片按鈕時,handleSaveClick函數(shù)將被執(zhí)行,e.preventDefault()應(yīng)該阻止連結(jié)的預(yù)設(shè)行為,確保它不會導(dǎo)航到URL。

const handleSaveClick = async (e, activity, index) => {
  e.preventDefault(); // 阻止默認(rèn)行為(跟隨鏈接)
  e.stopPropagation(); // 阻止事件冒泡

  // 在這里添加你的按鈕點擊邏輯
  // ...
}

此外,你應(yīng)該考慮用另一個合適的元素替換可點擊區(qū)域或按鈕的錨點標(biāo)籤。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板