Javascript/jQuery单击元素中的元素

这可能是一个很容易解决的问题，但由于某种原因，我无法解决

我有以下HTML：

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

我的问题是：每当我单击其中一个子元素（复选框或div）时，它也会执行

-->

函数\u 1（）

中的函数

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

---

谢谢你的帮助

使用该函数

或者，您可以从子元素onclick函数中返回false