Javascript/jQuery Щелкните элемент внутри элемента

Вероятно, это довольно легко решить, но по какой-то причине я не могу этого понять.

У меня есть следующий HTML:

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

Моя проблема: всякий раз, когда я нажимаю на один из дочерних элементов (будь то флажок или div), он также выполняет функцию из <li> --> function_1().

Как я могу предотвратить вызов функции родительского элемента при нажатии дочернего элемента? Каков наилучший способ добиться этого?

Спасибо за помощь!


person Dodinas    schedule 04.08.2010    source источник


Ответы (2)


Используйте функцию stopPropagation.

person Gregoire    schedule 04.08.2010

В качестве альтернативы вы можете просто return false из функции onclick дочерних элементов.

person Coin_op    schedule 22.06.2011