防止 href="#" 失去焦点（向上滚动到页面顶部）[重复]

Question

我想知道是否可以防止空的href 链接在单击该链接时在页面顶部向上滚动。

例如我有：

<a href="#">Hello world</a>

如果“Hello world”链接位于页面中间并且我点击它（如果它像我上面所说的那样采用这种形式），当我点击这个链接时，我的网址会看起来像这样：

myurl.com/#

然而，每次这个链接被点击为空的href标签时，我的页面都会滚动到顶部，我不希望这种情况发生，这很烦人，我想删除它。我有什么办法可以通过 JavaScript 或 jQuery 做到这一点？

Answer 1

在 jQuery 中，您可以像这样阻止 click 事件的默认操作：

$("a[href='#']").click(function(e) {
    e.preventDefault();
});

这样，如果您单击具有# 作为href 属性的链接，URL 不会改变，因此不会滚动。