Bouton intégré dans le lien, comment arrêter l'effet de chaîne du lien onClick
P粉553428780
P粉553428780 2023-08-17 21:31:04
0
1
361

J'ai un code similaire à l'exemple ci-dessous. J'essaie de créer une cellule de grille cliquable qui envoie l'utilisateur vers une URL, mais lorsque l'on clique sur le bouton de l'image intégrée, je veux uniquement que l'événement onClick se déclenche et aucun autre événement, est-il possible de faire cela ? J'ai essayé d'ajouter un appel à stopPropagation, mais une fois le premier onClick géré, il renvoie toujours au lien sous-jacent.

const handleSaveClick = async (e, activité, index) => e.stopPropagation(); ... } <Élément de grille>  handleLinkClick(payload.url, index)} >   {charge utile.titre}    handleSaveClick(e, charge utile, index)} >   ≪/a> 
P粉553428780
P粉553428780

répondre à tous (1)
P粉863295057

Dans la fonction handleSaveClick, vous pouvez utiliser la fonction e.preventDefault(). Lorsque vous cliquez sur le bouton d'intégration de l'image, la fonction handleSaveClick sera exécutée, e.preventDefault() devrait empêcher le comportement par défaut du lien, en garantissant qu'il ne navigue pas vers l'URL.

const handleSaveClick = async (e, activity, index) => { e.preventDefault(); // 阻止默认行为(跟随链接) e.stopPropagation(); // 阻止事件冒泡 // 在这里添加你的按钮点击逻辑 // ... }

De plus, vous devriez envisager de remplacer la balise d'ancrage d'une zone ou d'un bouton cliquable par un autre élément approprié.

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!