当单击触发JavaScript的链接时，如何阻止网页滚动到顶部？

Question

当单击触发JavaScript的链接时，如何阻止网页滚动到顶部？当我有一个连接到jQuery或JavaScript事件的链接时，例如：<a href="#">My Link</a>如何防止页面滚动到顶部？当我从锚点中删除href属性时，页面不会滚动到顶部，但链接似乎不能单击。

Answer 1

一种简单的方法是利用这些代码：

<a href="javascript:void(0);">Link Title</a>

此方法不强制页面刷新，因此滚动条保持不变。此外，它允许您以编程方式更改onClick事件，并使用jQuery处理客户端事件绑定。

由于这些原因，上述解决方案优于：

<a href="javascript:myClickHandler();">Link Title</a><a href="#" onclick="myClickHandler(); return false;">Link Title</a>

最后一个解决方案将避免滚动跳转的问题当且仅当myClickHandler方法没有失败。