javascript - 防止 href ="#"失去焦点(向上滚动到页面顶部)

<分区>

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

例如我有:

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

如果“Hello world”链接位于页面中间，我点击它(如果它的形式像我上面所说的那样)，当我点击这个链接时，我的 url 将看起来像这样:

myurl.com/#

但是，每次点击此链接时都会出现空 href 标记，我的页面会向上滚动到顶部，我不希望发生这种情况，这很烦人，我想删除它。我有什么办法可以通过 JavaScript 或 jQuery 做到这一点吗？

最佳答案

在 jQuery 中，您可以像这样阻止点击事件的默认操作:

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

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

关于javascript - 防止 href ="#"失去焦点(向上滚动到页面顶部)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37906856/

相关文章：

javascript - 正则表达式忽略大小写