Javascript 单击父项时调用子项单击事件

基本上，我有一个第三方插件，是添加一个按钮点击这个按钮一个特定的功能完成

现在我将这个按钮包装成一个div。现在我希望当我点击这个包装div时，它应该点击它里面的按钮

//查找元素 var banner=$banner消息 var按钮=$button banner.clickfunction{ 日志'Parent正在调用child'； 按钮。触发“点击”； //我应该在这里放置什么来阻止父母自言自语 } //这是处理此问题的第三方服务。 button.onclick，函数{ console.log“我在这里被召唤”； } 身体{ 背景：20262E； 填充：20px； 字体系列：Helvetica； } 横幅信息{ 背景：fff； 边界半径：4px； 填充：20px； 字体大小：25px； 文本对齐：居中； 过渡：均为0.2s； 保证金：0自动； 宽度：300px； } 钮扣{ 背景：0084ff； 边界：无； 边界半径：5px； 填充：8px 14px； 字体大小：15px； 颜色：fff； } banner-message.alt{ 背景：0084ff； 颜色：fff； 边缘顶端：40px； 宽度：200px； } banner-message.alt按钮{ 背景：fff； 颜色：000； } 你好，世界

变色

---

您需要在从子按钮而不是从父div引发的事件中调用StopRopagation，正如您的评论所示：

var$banner=$banner消息； var$button=$button； $banner.clickfunction{ 日志'Parent正在调用child'； $按钮。触发“点击”； } $button.onclick，function e{ e、 停止传播； console.log“我在这里被召唤”； } 身体{ 背景：20262E； 填充：20px； 字体系列：Helvetica； } 横幅信息{ 背景：fff； 边界半径：4px； 填充：20px； 字体大小：25px； 文本对齐：居中； 过渡：均为0.2s； 保证金：0自动； 宽度：300px； } 钮扣{ 背景：0084ff； 边界：无； 边界半径：5px； 填充：8px 14px； 字体大小：15px； 颜色：fff； } banner-message.alt{ 背景：0084ff； 颜色：fff； 边缘顶端：40px； 宽度：200px； } banner-message.alt按钮{ 背景：fff； 颜色：000； } 你好，世界

变色

---

您需要在从子按钮而不是从父div引发的事件中调用StopRopagation，正如您的评论所示：

$var banner$message； var$button=$button； $banner.clickfunction{ 日志'Parent正在调用child'； $按钮。触发“点击”； } $button.onclick，function e{ e、 停止传播； console.log“我在这里被召唤”； } 身体{ 背景：20262E； 填充：20px； 字体系列：Helvetica； } 横幅信息{ 背景：fff； 边界半径：4px； 填充：20px； 字体大小：25px； 文本对齐：居中； 过渡：均为0.2s； 保证金：0自动； 宽度：300px； } 钮扣{ 背景：0084ff； 边界：无； 边界半径：5px； 填充：8px 14px； 字体大小：15px； 颜色：fff； } banner-message.alt{ 背景：0084ff； 颜色：fff； 边缘顶端：40px； 宽度：200px； } banner-message.alt按钮{ 背景：fff； 颜色：000； } 你好，世界

变色

---

只需在处理程序上的按钮中使用event.stopPropagation停止传播事件。

只需在处理程序上的按钮中使用event.stopPropagation停止传播事件。

我无法更改第三方插件，我已尝试用小代码显示演示，按钮单击在第三方插件中处理。是的，这很有帮助，感谢没有问题，很高兴帮助我无法更改第三方插件，我尝试用小代码显示演示，按钮点击在第三方插件中处理。是的，这很有帮助，谢谢没有问题，很高兴帮助它来自第三方插件，我无法更改第三方插件Init来自第三方插件，我无法更改第三方插件