如何防止简单的锚/链接传播到父级？

Question

说我希望a中的div链接本身有on-tap：

<div id="wrapper" on-tap="{{doSomething}}">
 <p>Something unlinked.</p>
 <p><a href="http://woven.co" target="_blank">Something linked.</a></p>
</div>

a正在传播/冒泡到父事件，但我想阻止它。在代码中，我可以收听点击次数e.preventPropagation，但在代码中我发现很难获得一个链接，只需在a + target方法的新标签页中打开上面会做的。

我经常使用on-tap而不是a，所以它并不像看起来那样普遍，但它似乎仍然是一个简单的问题。

这里的最佳做法是什么？

Answer 1

我目前的解决方案是在on-tap旁边添加一个a href，该<div id="wrapper" on-tap="{{doSomething}}"> <p>Something unlinked.</p> <p><a href="http://woven.co" target="_blank" on-tap="{{stopProp}}">Something linked.</a></p> </div> 调用一种停止传播事件的方法：

stopProp(Event e) {
  e.stopPropagation();
}

方法：

a

点击{{1}}仍会按预期在新标签页中打开链接，但现在事件不会传播/冒泡到父事件。