JavaScript 按钮 link 防止点击滚动

Question

我有一个 Html link 想用作按钮：

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

问题是点击后，link会像这样滚动到页面中间：

点击前

点击后

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

我已经尝试了 $event.preventDefault() 或 href = "#" 但目前没有任何效果。有什么解决办法吗？

Answer 1

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

不需要javascript:void(0)。

Answer 2

而不是

$event.preventDefault()

使用

$event.stopPropagation();

示例如下：

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