元素中的Javascript / jQuery Click元素

Question

这可能很容易解决，但是由于某些原因，我无法弄清楚。

我有以下HTML：

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

我的问题是：每当我单击子元素之一（复选框或div）时，它也会从<li> -> function_1()执行该功能。

如何防止单击子元素时调用父元素函数？ 实现此目标的最佳方法是什么？

谢谢您的帮助！

Answer 1

使用stopPropagation函数

Answer 2

另外，您也可以从子元素onclick函数return false 。