防止href =＆＃34;＃＆＃34;失去焦点（向上滚动到页面顶部）

Question

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

例如我有：

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

如果＆＃34; Hello world ＆＃34;链接是让我们说在页面的中间，我点击它（如果它在这个形式，如上所述），当我点击此链接，我的网址将是这样的：

myurl.com/#

但是，每次将此链接点击为空href标记时，会发生什么情况，我的页面会向上滚动到顶部，我不希望这种情况发生，这非常令人讨厌而我想删除它。有没有办法让我通过JavaScript或jQuery做到这一点？

Answer 1

在jQuery中，您可以阻止click事件的默认操作，如下所示：

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

如果您点击#作为href属性的链接，则网址不会更改，因此不会滚动。