Dart 如何防止简单的锚/链接传播到父对象?
假设我想要一个简单的Dart 如何防止简单的锚/链接传播到父对象?,dart,polymer,dart-polymer,Dart,Polymer,Dart Polymer,假设我想要一个简单的div中的a链接,而该div本身有一个点击式: <div id="wrapper" on-tap="{{doSomething}}"> <p>Something unlinked.</p> <p><a href="http://woven.co" target="_blank">Something linked.</a></p> </div> 未链接的东西 a正在传播/
div中的a
链接,而该div本身有一个点击式
:
<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.com
,但在代码中,我发现很难像上面的a
+target
方法那样简单地在新选项卡中打开链接
大多数情况下,我使用的是随手点击的,而不是a
,因此这并不像看上去那么常见,但看起来仍然像是一个简单的问题
这里的最佳做法是什么?我当前的解决方案是在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>
单击a
仍会按预期在新选项卡中打开链接,只是现在事件不会传播/冒泡到父事件
stopProp(Event e) {
e.stopPropagation();
}