带有单击和锚标记的 div 会同时运行两次单击，而不是仅在单击时运行锚点答案

【问题标题】：div with click and an anchor tag in it runs both clicks instead of running only the anchor on click带有单击和锚标记的 div 会同时运行两次单击，而不是仅在单击时运行锚点
【发布时间】：2020-10-13 04:11:50
【问题描述】：

我有一个 div ，两者都有不同的点击功能。还使用 uikit 切换模式。当点击元素时，点击都在运行并且模式打开。为什么？如何防止点击运行onclick？

<div onClick=()=>onClickDivFunc>
    <a uk-toggle={`target:#${modalId}`} onClick=()=>onClickAnchorFunc>text</a>
</div>

【问题讨论】：

可以停止内部点击事件的传播。 IMO 这都是糟糕的设计，因为divs 不应该是可点击的，或者如果他们需要，他们还应该出于可访问性的原因指定“按钮”的 aria 角色。用户如何在不点击锚链接的情况下点击div？

标签： javascript html reactjs getuikit

【解决方案1】：

您可以使用event.stopPropagation 实现此目的

Link

CodePen

【讨论】：