如何禁用 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;
}