如何防止使用javascript对子对象执行父onclick操作

您好，我在onclick函数中应用onclick函数，但是我在父函数上执行的函数也在子div上应用，如何防止在子函数上使用该函数。 在我的代码中，我通过点击红框在google.com上重定向，但当我点击蓝框时，google.com上是否也会出现这种情况

我的代码

函数父函数（）{
window.location.href=https://www.google.com/';
}
函数子（）{
警报（“你好，这是蓝色按钮”）；
}

点击我

希望这能奏效

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

---

最好的办法是，他们有太多的问题，现在值得使用，如一个疯狂的范围链和引用逃逸问题。使用Javascript和

addEventListener

正确地附加事件侦听器。在问这个问题之前，您确实需要了解事件传播是如何工作的。人们可以给你一个答案，但如果你不了解底层系统是如何工作的，你就无法了解它工作的原因或你实际需要它的时间。@DBS你真的不应该在评论中提供答案。它绕过了整个回答/投票过程，因为人们不能投票否决评论。这是否回答了您的问题？请在回答时附上解释。如果OP不知道它是如何工作的，或者为什么工作，那么他们除了在出现问题时复制粘贴之外，实际上什么都没有学到。