如何防止点击“#”链接跳转到页面顶部?

我目前使用jQuery的<a>标签来启动像点击事件等事情。

例如<a href="#" class="someclass">Text</a>

但我讨厌“#”使页面跳转到页面顶部。我能做什么呢?

当前回答

我用过:

<a href="javascript://nop/" class="someClass">Text</a>

其他回答

我用过:

<a href="javascript://nop/" class="someClass">Text</a>

对我来说最简单的就是这样做。

使用JS的原因是大多数现代网站都依赖于它。

我使用的方法是这样的:

<a href="#null" class="someclass">Text</a>

你甚至可以这样写:

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

我不确定这是一个更好的方法，但这是一个方法:)

为了防止页面跳转，你需要调用e.s stoppropagation ();在调用e.b epreventdefault()之后:

stopPropagation阻止事件沿着DOM树向上移动。更多信息请访问:https://api.jquery.com/event.stoppropagation/

推荐文章