当页面中a标签不需要任何跳转时,从原理上来讲,可分如下两种方法:
- 标签属性href,使其指向空或不返回任何内容。如:
<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;