Skip to content

如何禁用 a 标签跳转页面或定位链接?

参考答案:

当页面中 a 标签不需要任何跳转时,从原理上来讲,可分如下两种方法:

  • 标签属性 href,使其指向空或不返回任何内容。如:
html
<a href="javascript:void(0);">点此无反应javascript:void(0)</a>

<a href="javascript:;">点此无反应javascript:</a>
  • 从标签事件入手,阻止其默认行为。如:

html 方法:

html
<a href="" onclick="return false;">return false;</a>
<a href="#" onclick="return false;">return false;</a>

或者在 js 文件中阻止默认点击事件:

js
Event.preventDefault();

还可以在 css 文件中处理点击,不响应任何鼠标事件:

css
* {
  pointer-events: none;
}