如何防止父母 onclick 對使用 javascript 的孩子采取行動

Question

您好，我在 onclick function 中應用 onclick function，但是我在父級上執行的 function 也在子級上應用，如何防止子級上的 function。 在我的代碼中，我通過點擊紅色框在 google.com 上重定向，但是當我點擊藍色框時，google.com 上也出現了如何阻止此選項

我的代碼

 function parent(){ window.location.href='https://www.google.com/'; } function child(){ alert('Hello this is the blue button'); }

 <div style="background: red; padding: 50px; height:200px; width:500px; " onclick="parent()"> <div style="background: blue; padding: 5px; color:white;" onclick="child()">Click me</div> </div>

Answer 1

希望這會奏效。

function child(){
  event.stopPropagation();
  alert('Hello this is the blue button');
}