Skip to content

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

Posted on:2024年7月22日 at 10:09

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

<a href="javascript:void(0);">点此无反应javascript:void(0)</a>

<a href="javascript:;">点此无反应javascript:</a>

html方法:

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

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

Event.preventDefault();

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

pointer-events: none;
原文转自:https://fe.ecool.fun/topic/65fa7d0f-fd68-4c2d-9c2b-4f98d7a4f9e3