Javascript阻止输出函数调用

函数alertOuter（）{
警报（“外部警报”）
}
函数alertInner（）{
警报（“内部警报”）
返回
}

外面的


内部的

使用Javascript正确连接事件侦听器，以便查看事件参数，然后对事件调用

stopPropagation（）

，这样它就不会冒泡到包含的

：

document.querySelector（'button'）。addEventListener（'click'，（e）=>{
e、 停止传播（）；
console.log（'internal'）；
});
document.querySelector（'div'）。addEventListener（'click'，（）=>{
console.log（'outer'）；
});

外面的


内部的
我通常喜欢像您那样使用内联
onclick
调用。我发现它更容易和更干净的跟踪，我没有任何问题。下面是这样使用
stopPropagation
的方法：


div{
背景：红色；
填充：20px；
}

单击“我”查看内部设置
stopPropogation（）