禁用href标签

尽管该链接被禁用，但它仍然是可点击的。

<a href="/" disabled="disabled">123n</a>

如果它是禁用的，我可以使它不可点击吗?我应该使用JavaScript吗?

当前回答

<a>标签没有禁用属性，这只是为<input>s(和<select>s和<textarea>s)。

要“禁用”一个链接，你可以删除它的href属性，或者添加一个返回false的点击处理程序。

其他回答

有一种简单干净的方法:

<a href="/shopcart/">

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

</a>

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

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

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

在哪里

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

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

如果你想摆脱指针，你可以用css使用游标。

最好的答案总是最简单的。不需要任何编码。

如果(a)锚标记没有href属性，它只是一个超链接的占位符。所有浏览器均支持!

<a href="/">空闲web计数器</a><br /> <a "/">空闲web计数器</a> .

<a>标签没有禁用属性，这只是为<input>s(和<select>s和<textarea>s)。

要“禁用”一个链接，你可以删除它的href属性，或者添加一个返回false的点击处理程序。

推荐文章