禁用href标记
尽pipe该链接已禁用，但它仍然是可点击的。
<a href="/" disabled="disabled">123n</a> 如果它被禁用，我可以使它不可点击吗？ 我应该使用JavaScript吗？
超链接没有禁用属性。 如果你不想要链接的东西，那么你需要完全删除<a>标签。
随着CSS的帮助，你将禁用超链接。 试试下面
<a href="link.html" class="disabled">Link</a> a.disabled { pointer-events: none; cursor: default; }
您可以使用：
<a href="/" onclick="return false;">123n</a>
您可以使用以下解决scheme之一：
HTML
<a>link</a>
JavaScript的
<a href="javascript:function() { return false; }">link</a> <a href="/" onclick="return false;">link</a>
CSS
<a href="www.page.com" disabled="disabled">link</a> <style type="text/css"> a[disabled="disabled"] { pointer-events: none; } </style>
<a>标签没有disabled属性，这只是<input> s（和<select> s和<textarea> s）。
要“禁用”链接，可以删除其href属性，或者添加一个返回false的单击处理程序。
尝试这个：
<a href="javascript:void(0)" style="cursor: default;">123n</a>
你需要删除<a>标签来摆脱这一点。
或尝试使用： –
<a href="/" onclick="return false;">123n</a>
HTML：
<a href="/" class="btn-disabled" disabled="disabled">123n</a>
CSS：
.btn-disabled, .btn-disabled[disabled] { opacity: .4; cursor: default !important; pointer-events: none; }
$(document).ready(function() { $('a').click(function(e) { e.preventDefault(); }); });
如果你想摆脱指针，你可以使用光标与CSS做到这一点。
让父母有pointer-events: none会像这样禁用孩子的a-tag （要求div覆盖a并且没有宽度/高度）：
<div class="disabled"> <a href="/"></a> </div>
哪里：
.disabled { pointer-events: none; }
在我的情况下，我使用
<a href="/" onClick={e => e.preventDefault()}>
您可以在<a>标签上模拟禁用的属性。
<a href="link.html" disabled="">Link</a>
a[disabled] { pointer-events: none; cursor: default; }
适合我的变体：
<script> function locker(){ if ($("a").hasClass("locked")) { $("a").removeClass('locked').addClass('unlocked'); $("a").attr("onClick","return false"); } else { $("a").css("onclick","true"); $("a").removeClass('unlocked').addClass('locked'); $("a").attr("onClick",""); } } </script> <button onclick="locker()">unlock</button> <a href="http://some.site.com" class="locked"> <div> .... <div> </a>
当您将鼠标hover在浏览器窗口的左下angular时， href标记中的任何内容都会显示。
我个人认为有像javascript：void（0）显示给用户是可怕的。
相反，把href关掉，用jQuery /其他任何东西来做你的魔力，并添加一个样式规则（如果你仍然需要它看起来像一个链接）：
a { cursor:pointer; }
您可以通过返回false来禁用锚点标记。 在我的情况下Im使用angular和ng-disabled为Jquery手风琴，我需要禁用部分。
所以我创build了一个js片段来解决这个问题。
<a class="opener" data-toggle="collapse" data-parent="#shipping-detail" id="shipping-detail-section" href="#shipping-address" aria-expanded="true" ng-disabled="checkoutState.addressSec"> Shipping Address</a> <script> $("a.opener").on("click", function () { var disabled = $(this).attr("disabled"); if (disabled === 'disabled') { return false; } }); </script>
