试试这个:

<a href="javascript:void(0)" style="cursor: default;">123n</a>

适合我的变体:

<script>
  function locker(){
    if ($("a").hasClass("locked")) {
         $("a").removeClass('locked').addClass('unlocked');
         $("a").attr("onClick","return false");
    } else {
         $("a").css("onclick","true");
         $("a").removeClass('unlocked').addClass('locked');
         $("a").attr("onClick","");
    }
  }
</script>

<button onclick="locker()">unlock</button>

<a href="http://some.site.com" class="locked">
  <div> 
      .... 
  <div>
</a>

让父类有指针事件:none将禁用子类a标签，如下所示(要求div覆盖a并且宽度/高度不为0):

<div class="disabled">
   <a href="/"></a>
</div>

地点:

.disabled {
    pointer-events: none;
}

提示1:使用CSS指针事件:无;

JavaScript:void(0) (这是一个最佳实践)

<a href="javascript:void(0)"></a>

使用Jquery $('selector').attr("disabled"，"disabled");

你可以使用:

<a href="/" onclick="return false;">123n</a>

如果你正在使用WordPress，我创建了一个插件，可以做到这一点，而且不需要知道如何编码任何东西。你所需要做的就是添加你想要禁用的链接的选择器，然后从出现的下拉菜单中选择“在新选项卡中禁用使用此选择器的所有链接”，然后单击更新。

点击这里查看演示这一点的动图

你可以从WordPress.org插件库中获得免费版本来尝试一下。