Javascript/jQuery Cliquez sur l'élément dans l'élément

Question

Ceci est probablement quelque chose de très facile à résoudre, mais pour une raison quelconque, je ne peux pas le comprendre.

J'ai le code HTML suivant:

<li onclick="function_1();"> 
    <input type="checkbox" onclick="function_2();"> 
    <div onclick="function_3();"> 
</li> 

Ma question est: Chaque fois que je clique sur l'un des éléments de l'enfant (soit la case à cocher ou div), il réalise également la fonction de la <li> ->function_1() .

Comment puis-je empêcher l'appel de la fonction de l'élément parent lorsque l'élément enfant est cliqué? Quel est le meilleur moyen d'y parvenir?

Merci pour l'aide!

Answer 1

Utilisez la fonction stopPropagation

Answer 2

Sinon, vous pouvez simplement return false des éléments enfants onclick fonction.