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

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

地点:

.disabled {
    pointer-events: none;
}

你可以通过返回false来禁用锚标记。在我的情况下，我使用angular和ng-disabled的Jquery手风琴，我需要禁用部分。

所以我创建了一个小js片段来解决这个问题。

       <a class="opener" data-toggle="collapse"
                   data-parent="#shipping-detail"
                   id="shipping-detail-section"
                   href="#shipping-address"
                   aria-expanded="true"
                   ng-disabled="checkoutState.addressSec">
                   Shipping Address</a>
     <script>
          $("a.opener").on("click", function () {
           var disabled = $(this).attr("disabled");
           if (disabled === 'disabled') {
            return false;
           }
           });
     </script>

试试这个:

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

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

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

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

在我的情况下，我使用

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

有一种简单干净的方法:

<a href="/shopcart/">

  <button class="btn" disabled> Make an Order </button>

</a>

默认情况下，在<button>上禁用属性不会让点击通过<button>元素直到<a>元素。所以<a>元素甚至不知道发生了一些点击。通过在<button>上添加/删除禁用属性进行操作。