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).