Les événements de clic JavaScript s'appliquent uniquement à l'élément lui-même, pas à son conteneur parent
P粉545682500
P粉545682500 2023-09-06 18:50:37
0
1
523

J'ai le code suivant :

<div onclick="myFunc()" style="height:200px;width:200px;">
  <button></button>
</div>

Je veux que myFunc soit exécuté lorsque l'on clique n'importe où sur le div, mais pas sur le bouton. Comment puis-je atteindre cet objectif?

P粉545682500
P粉545682500

répondre à tous(1)
P粉795311321

Dans l'événement de clic sur le bouton, vous devez annuler la propagation de l'événement. Ou arrêtez de "bouillonner".

Voir https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation

Donc, dans l'événement de clic de votre bouton, vous avez besoin de quelque chose comme ceci :

function button_click(event) {
    event.stopPropagation();
    console.log("按钮被点击了。");
  }

Par défaut, l'événement click d'un élément est transmis à son élément parent.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal