Javascript/jQuery 单击元素内的元素
这可能是容易解决的问题，但由于某种原因，我无法弄清楚。
我有以下 HTML：
<li onclick="function_1();">
<input type="checkbox" onclick="function_2();">
<div onclick="function_3();">
</li>
我的问题是：每当我单击其中一个子元素（复选框或 div）时，它也会执行
function_1()。如何防止单击子元素时调用父元素函数？实现这一目标的最佳方法是什么？
感谢您的帮助！
This is probably something quite easy to resolve, but for some reason, I can't figure it out.
I have the following HTML:
<li onclick="function_1();">
<input type="checkbox" onclick="function_2();">
<div onclick="function_3();">
</li>
My issue is: Whenever I click one of the child elements (either the checkbox or div), it also carries out the function from the <li> --> function_1().
How can I prevent the parent element function from being called when child element is being clicked? What is the best way to achieve this?
Thanks for the help!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
使用 stopPropagation 函数
Use the stopPropagation function
或者，您可以从子元素 onclick 函数中
返回 false。Alternatively you can just
return falsefrom the child elements onclick function.