在我的情况下，我使用

<a href="/" onClick={e => e.preventDefault()}>

HTML:

<a href="/" class="btn-disabled" disabled="disabled">123n</a>

CSS:

.btn-disabled,
.btn-disabled[disabled] {
  opacity: .4;
  cursor: default !important;
  pointer-events: none;
}

适合我的变体:

<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>

在我的情况下，我使用

<a href="/" onClick={e => e.preventDefault()}>

正确使用按钮和链接。

•按钮激活网页上的脚本功能(对话框，展开/折叠区域)。

•链接带你到另一个位置，无论是到不同的页面或同一页面上的不同位置。

如果你遵循这些规则，就不会出现任何需要禁用链接的情况。即使你让一个链接看起来视觉残疾和空白点击

<a href=“” ng-click=“Ctrl._isLinkActive &&$ctrl.gotoMyAwesomePage（）”

你不会考虑可访问性，屏幕阅读器会将其视为链接，视力受损的人会一直好奇为什么链接不起作用。

我有一个:

<a href="#">This is a disabled tag.</a>

希望对你有所帮助;)