如何发生点击功能不是div而是按钮

Question

如果我按下吊杆按钮，我只想要“轰”！ 发生。
但是，当我首先单击boom ，警报boom弹出，单击ok此警报将关闭，并且只有在单击测试时才会弹出另一个警报。
如果我无法将按钮移出 div，我该如何处理？

 $('#divid1 #boom').click(function() { alert("boom!"); }); $('#divid1').click(function() { alert("no?!"); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="divid1" style="background-color: #939651; width: 30%; height: 30%;"> <h1>test</h1> <p><button id="boom">boom!</button></p> </div>

Answer 1

使用event.stopPropagation()防止事件冒泡到容器中。

 $('#divid1 #boom').click(function(e) { e.stopPropagation(); alert("boom!"); }); $('#divid1').click(function() { alert("no?!"); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="divid1" style="background-color: #939651; width: 30%; height: 30%;"> <h1>test</h1> <p><button id="boom">boom!</button></p> </div>