Les événements de clic JavaScript s'appliquent uniquement à l'élément lui-même, pas à son conteneur parent

Question

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?

Answer 1

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.