我在 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>
但我已经看到第一个选项的实现没有这种向上滚动的麻烦
有什么技巧吗?
谢谢
最佳答案
onclick 导致页面重新提交,因此滚动到顶部。
您需要 onclick 事件返回 false 以避免回发。
这可以通过更改函数以返回 false 来完成:
somefunction = function () {alert('foo'); return false;}
或者更改链接和 onClick 事件来执行此操作:
<a href="javascript:void(0)" onclick="somefunction(); return false;">anchor</a>
关于javascript anchor 避免点击时滚动到顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2084750/