这可能很容易解决，但由于某种原因，我无法弄明白。
我有以下HTML：
<li onclick="function_1();">
<input type="checkbox" onclick="function_2();">
<div onclick="function_3();">
</li>
我的问题是：每当我点击其中一个子元素（复选框或div）时，它也会执行<li> - ＆gt;中的函数。 function_1()。
如何在单击子元素时阻止调用父元素函数？实现这一目标的最佳方法是什么？
感谢您的帮助！