单击按钮时如何忽略div单击？

Question

<div onclick="foo()">
    <button onlick="bar()"/>
</div>

如果他们单击我希望 bar() 触发的按钮，如果他们单击 div 中除我希望 foo() 触发的按钮上的其他任何位置。 但是目前发生的情况是，如果我单击按钮，我会触发两个事件。

谢谢

Answer 1

您应该使用event.stopPropagation()来阻止事件冒泡到包含的父div 。

 function bar(event){ event.stopPropagation(); alert('button clicked') } function foo(event){ alert('div clicked') }

 <div onclick="foo()"> <button onclick="bar(event)"/> </div>

Answer 2

您的问题可以使用 stopPropagation() 事件方法解决 javaScript。 访问链接https://www.w3schools.com/jsref/event_stoppropagation.asp 。 在这里你会找到解决方案和简单的解释。 您建议在网站上使用示例。