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

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

地点:

.disabled {
    pointer-events: none;
}

<a href=“/” disabled=“true” onclick=“return false”>123</a>

只是补充:这在一般情况下工作，但它不会工作，如果用户已经在浏览器中禁用javascript。

1)你可以选择在你的锚标签上使用Bootstrap 3类来禁用href标签，在集成Bootstrap 3插件do之后

< href=“btn btn-primary disabled”>123n</a>

Or

2)学习如何在浏览器中使用html或js启用javascript。 或者创建一个弹出窗口，告诉用户在使用网站之前启用javascript

在我的情况下，我使用

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

我能够使用ng-href三元操作实现所需的结果

<a ng-href="{{[condition] ? '' : '/'}}" ng-class="{'is-disabled':[condition]}">123n</a>

在哪里

a.is-disabled{
   color: grey;
   cursor: default;

   &:hover {
      text-decoration: none;
   }
} 

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

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

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

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

当您将鼠标移到href标签上时，href标签中的任何内容都将显示在浏览器窗口的左下角。

我个人认为像javascript:void(0)这样的东西显示给用户是可怕的。

相反，关闭href，使用jQuery/其他工具，添加一个样式规则(如果你仍然需要它看起来像一个链接):

a {
    cursor:pointer;
}