禁用href标签

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

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

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

当前回答

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

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

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

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

其他回答

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

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

在哪里

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

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

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

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

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

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

你可以使用:

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

超链接没有disabled属性。如果你不想要某些东西被链接，那么你需要移除<a>标签。

或者，你可以删除它的href属性-尽管这有其他的用户体验和可访问性问题，在下面的评论中指出，所以不建议。

试试这个:

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

推荐文章