Javascript / jQuery Klicken Element innerhalb Element - Javascript, jquery, Elemente

Das ist wohl etwas ganz einfach zu lösen, aber aus irgendeinem Grund kann ich es nicht herausfinden.

Ich habe folgendes HTML:

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

Mein Problem ist: Jedes Mal, wenn ich auf eines der untergeordneten Elemente (entweder das Kontrollkästchen oder div) klicke, führt es auch die Funktion von aus <li> -> function_1().

Wie kann ich verhindern, dass die übergeordnete Elementfunktion beim Klicken auf ein untergeordnetes Element aufgerufen wird? Was ist der beste Weg, um dies zu erreichen?

Danke für die Hilfe!

Antworten:

Benutze die stopPropagierung Funktion

Alternativ können Sie auch einfach return false Klicken Sie in den untergeordneten Elementen auf die Funktion.