javascript anchor 避免点击时滚动到顶部

Question

我在 javascript 中创建了一个函数，将其添加到 anchor

JavaScript:

somefunction = function () {alert('foo')}

html:

<a href="#" onclick="return somefunction()">anchor</a>

每次我点击 anchor 时，函数都会执行，但屏幕会滚动到顶部

我知道我能做到

<a href="javascript:void(0)" onclick="return somefunction()">anchor</a>

但我已经看到第一个选项的实现没有这种向上滚动的麻烦

有什么技巧吗？

谢谢

Answer 1

onclick 导致页面重新提交，因此滚动到顶部。

您需要 onclick 事件返回 false 以避免回发。

这可以通过更改函数以返回 false 来完成:

somefunction = function () {alert('foo'); return false;}

或者更改链接和 onClick 事件来执行此操作:

<a href="javascript:void(0)" onclick="somefunction(); return false;">anchor</a>