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

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

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

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

当前回答

如果你想使用一个锚，你可以像其他答案一样使用http://api.jquery.com/event.preventDefault/。

您还可以使用任何其他元素，如span，并将单击事件附加到它。

$("span.clickable").click(function(){
alert('Yeah I was clicked');
});

其他回答

你甚至可以这样写:

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

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

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

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

<a href="#! "">链接</a>和<a href="#/">链接</a>不工作，如果一个人必须点击相同的输入不止一次。它只需要在多个输入上进行1次事件单击。

最好的方法仍然是使用<a href="#">Link</a>

然后,

event.preventDefault();

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

我用过:

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

推荐文章