我目前正在使用带有 jQuery 的 <a> 标签来启动点击事件等事件。
例如<a href="#" class="someclass">Text</a>
但我讨厌“#”如何使页面跳转到页面顶部。我能做些什么呢？
【问题讨论】：
标签： javascript jquery html
所以这是旧的但是......以防万一有人在搜索中找到它。
只要用"#/"代替"#"，页面就不会跳转了。
【讨论】：
/ 的锚点，而不是因为 #/ 有任何意义。你可以用#whateveryouwant 做同样的事情，它会阻止跳转到顶部
#/ 或其他任何内容的链接后会执行的操作，例如#whatever.
在 jQuery 中，当您处理点击事件时，返回 false 以阻止链接以通常的方式响应 阻止发生默认操作，即访问 href 属性（根据 PoweRoy 的评论和Erik's answer)：
$('a.someclass').click(function(e)
{
// Special stuff to do when this link is clicked...
// Cancel the default action
e.preventDefault();
});
【讨论】：
$('a[href=#]').click(function(e) { e.preventDefault(); });
你甚至可以这样写：
<a href="javascript:void(0);"></a>
我不确定它是更好的方法，但它是一种方法:)
【讨论】：
href='javascript:;'，但要小心它会触发IE中的window.beforeUnload事件
<a href="#!" class="someclass">Text</a>
javascript）<a href="javascript:void(0);" class="someclass">Text</a>
jQuery）<a href="#" class="someclass">Text</a>
<script>
$('a.someclass').click(function(e) {
e.preventDefault();
});
</script>
【讨论】：
$('a[href="#"]') 并避免使用someclass吗？
someclass 只是碰巧出现在代码中。正如它所说：“我讨厌 '#' 使页面跳到页面顶部的方式。我能做些什么呢？” 在我看来，他希望全局更改它。 ?♂️（当不清楚是其中一种情况时，我只会在答案中提到这两种情况。毕竟，阅读您的答案的不仅是提问者，还有成千上万的其他访问者在寻找类似的解决方案问题。?)
您可以使用event.preventDefault() 来避免这种情况。在此处阅读更多信息：http://api.jquery.com/event.preventDefault/。
【讨论】：
只需使用<input type="button" /> 而不是<a> 并使用 CSS 设置样式，使其看起来像一个链接。
按钮是专门为点击而设计的，它们不需要任何 href 属性。
最好的方法是使用 onload 操作创建按钮并通过 javascript 将其附加到您需要的位置，因此禁用 javascript 后，它们根本不会显示，也不会混淆用户。
当您使用 href="#" 时，您会获得大量指向同一位置的不同链接，而当代理不支持 JavaScript 时，这些链接将不起作用。
【讨论】：
# 好。
如果您想使用锚点，您可以使用http://api.jquery.com/event.preventDefault/，就像建议的其他答案一样。
您还可以使用任何其他元素，例如跨度并将点击事件附加到该元素。
$("span.clickable").click(function(){
alert('Yeah I was clicked');
});
【讨论】：
$('a[href="#"]').click(function(e) {e.preventDefault(); });
【讨论】：
你可以使用#0作为href，因为0不允许作为id，页面不会跳转。
<a href="#0" class="someclass">Text</a>
【讨论】：
#/ 相同，因此存在相同的问题：添加到浏览器历史记录。
随便用
<a href="javascript:;" class="someclass">Text</a>
JQUERY
$('.someclass').click(function(e) { alert("action here"); }
【讨论】：
如果元素没有有意义的 href 值，那么它就不是真正的链接，那么为什么不使用其他元素呢？
正如 Neothor 所建议的那样，跨度也很合适，如果样式正确，它将作为一个可以单击的项目显而易见。你甚至可以附加一个悬停事件，当用户的鼠标在它上面移动时让元素“亮起来”。
不过，话虽如此，您可能需要重新考虑网站的设计，使其无需 javascript 即可运行，但在可用时通过 javascript 进行增强。
【讨论】：
带有 href="#" 的链接几乎总是应该用按钮元素替换：
<button class="someclass">Text</button>
使用带有 href="#" 的链接也是一个可访问性问题，因为这些链接将对屏幕阅读器可见，屏幕阅读器会读出“链接 - 文本”，但如果用户点击它就不会去任何地方。
【讨论】：
有4种类似的方法可以防止页面在没有任何JavaScript的情况下跳转到顶部：
选项 1：
<a href="#0">Link</a>
选项 2：
<a href="#!">Link</a>
选项 3：
<a href="#/">Link</a>
选项 4（不推荐）：
<a href="javascript:void(0);">Link</a>
但如果你在 jQuery 中处理点击事件，最好使用event.preventDefault()。
【讨论】：
#/ 技巧有效，但会向浏览器添加历史事件。因此，单击返回不会像用户希望/期望的那样工作。
$('body').on('click', 'a[href="#"]', function(e) {e.preventDefault() }); 是我采用的方式，因为它适用于已经存在的内容，以及加载后添加到 DOM 的任何元素。
具体来说，我需要在 .btn-group(Reference) 内的引导下拉菜单中执行此操作，所以我这样做了：
$('body').on('click', '.dropdown-menu li a[href="#"]', function(e) {e.preventDefault() });
这样是有针对性的，不会影响页面上的任何其他内容。
【讨论】：
click 的第一个参数不是处理程序，则它是事件数据。它实际上并没有按预期选择a 标签。最终结果？您页面上的所有内容均已禁用！
你可以只传递一个不带 href 属性的锚标记，然后使用 jQuery 来执行所需的操作：
<a class="foo">bar</a>
【讨论】：
#，我认为这不是您关心的问题，因此提供了此解决方案，因为它可能是满足您需求的最简单方法。
a:link CSS 选择器不会定位到这个锚标记。
我用过：
<a href="javascript://nop/" class="someClass">Text</a>
【讨论】：
我一直用：
<a href="#?">Some text</a>
试图阻止页面跳转时。不确定这是否是最好的，但它似乎多年来一直运行良好。
【讨论】：
您也可以在处理完 jquery 后返回 false。
例如。
$(".clickableAnchor").live(
"click",
function(){
//your code
return false; //<- prevents redirect to href address
}
);
【讨论】：
我使用这样的东西：
<a href="#null" class="someclass">Text</a>
【讨论】：
为了防止页面跳转，需要在调用e.preventDefault();之后再调用e.stopPropagation();：
stopPropagation 阻止事件向上爬上 DOM 树。更多信息在这里：https://api.jquery.com/event.stoppropagation/
【讨论】：
如果您想在不跳转页面的情况下迁移到同一页面上的 Anchor Section：
只需使用“#/”而不是“#” 例如
<a href="#/home">Home</a>
<a href="#/about">About</a>
<a href="#/contact">contact</a> page will not jump up on click..
【讨论】：
在# 之后添加一些内容会将页面的焦点设置为具有该 ID 的元素。最简单的解决方案是使用#/，即使您使用的是 jQuery。但是，如果您在 jQuery 中处理事件，event.preventDefault() 是要走的路。
【讨论】：
对我来说最简单的就是这样做。
<a href="#" onclick="return false;">Some text</a>
使用 JS 的原因是大多数现代网站都依赖它。
【讨论】：
<a href="#!">Link</a> 和 <a href="#/">Link</a> 如果必须多次单击同一个输入，则不起作用。它只针对多个输入的每个单击进行 1 次事件单击。
最好的办法还是<a href="#">Link</a>
那么，
event.preventDefault();
【讨论】：