JavaScript按钮链接阻止单击滚动

Question

我有一个Html链接，我想用作按钮：

<a href="javascript:void(0)" class="btn btn-link" title="Click to copy" ng-click="copyToClipboard(item, $event)">{{ "{" + item.campaignGuid + "}" }}</a>

问题是点击后链接会滚动到页面中间，如下所示：

点击

点击

点击的行已滚动到页面的垂直中心。

我尝试了$event.preventDefault()或href = "#"但到目前为止没有任何作用。任何解决方案？

Answer 1

而不是

$event.preventDefault()

使用

$event.stopPropagation();

这里是例子：

<a href="" class="btn btn-link" title="Click to copy" ng-click="copyToClipboard(item, $event); $event.stopPropagation();">{{ "{" + item.campaignGuid + "}" }}</a>

Answer 2

尝试使用空的href属性，因此：<a href> ... </a>。

此处无需javascript:void(0)。