如果你只是想暂时禁用链接，但留下href在那里启用以后(这是我想做的)，我发现所有的浏览器使用第一个href。因此，我能够这样做:

<a class="ea-link" href="javascript:void(0)" href="/export/">Export</a>

我看到这里已经贴出了大量的答案，但我不认为有任何明确的答案可以将前面提到的方法结合到我发现的有效方法中。这是为了使链接既显示为禁用，也不会将用户重定向到另一个页面。

这个答案假设你正在使用jquery和bootstrap，并使用另一个属性临时存储href属性，而禁用。

//situation where link enable/disable should be toggled
function toggle_links(enable) {
    if (enable) {
        $('.toggle-link')
        .removeClass('disabled')
        .prop('href', $(this).attr('data-href'))
    }
    else {
        $('.toggle-link')
        .addClass('disabled')
        .prop('data-href', $(this).prop('href'))
        .prop('href','#')
    }

a.disabled {
  cursor: default;
}

您需要删除<a>标记来摆脱这个。

或者试着使用:-

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

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

你可以使用:

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

您可以在<a>标记上模拟禁用属性。

<a href=" Link .html" disabled="">Link</a> .html

a[disabled] {
   pointer-events: none;
   cursor: default;
}