禁用href标签

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

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

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

当前回答

HTML:

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

CSS:

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

其他回答

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

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

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

a {
    cursor:pointer;
}

你可以使用下面的代码在运行时使用javascript禁用链接

$ (' .page-link ') . css(“pointer-events”、“没有”);

HTML:

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

CSS:

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

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

试试这个:

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

推荐文章