仅在内部元素（Javascript）上调用事件侦听器

我在另一个

div

中有一个

div

。两者都有附加的事件侦听器，用于在mousedown上运行函数-调用它们

outerDivFunction

和

innerDivFunction

。当我单击内部

div

时，两个函数都被调用；我希望它只调用

innerDivFunction

---

如何做到这一点？（普通解决方案优于jQuery。）

在

innerDivFunction

中使用事件的

stopPropagation（）

。这将防止当前事件在捕获和冒泡阶段进一步传播

有关详细信息：

函数outerDivFunction（）{
警报（“外部分区”）；
}
函数innerDivFunction（e）{
e、 停止传播（）；
警报（“内部分区”）；
}

.outer{
边框：1px纯蓝色；
}
.内部{
边框：1px纯红；
利润率：10px；
}

外部分区
内分区

在

innerDivFunction

中使用事件的

stopPropagation（）

。这将防止当前事件在捕获和冒泡阶段进一步传播

有关详细信息：

函数outerDivFunction（）{
警报（“外部分区”）；
}
函数innerDivFunction（e）{
e、 停止传播（）；
警报（“内部分区”）；
}

.outer{
边框：1px纯蓝色；
}
.内部{
边框：1px纯红；
利润率：10px；
}

外部分区
内分区

也检查这个也检查这个