Maison  >  Questions et réponses  >  le corps du texte

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

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粉545682500P粉545682500432 Il y a quelques jours492

répondre à tous(1)je répondrai

  • P粉795311321

    P粉7953113212023-09-07 00:15:30

    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.

    répondre
    0
  • Annulerrépondre