背景：
在某些情况下需要禁用 HTML 链接，例如当按钮代表链接变为无效。尽管在 Internet Explorer 中很简单，但此任务在 Firefox 和 Chrome 等浏览器中却具有挑战性。
原因：
HTML 元素缺少本机“disabled”属性，使得以编程方式阻止链接点击变得困难。
解决方案：
1. CSS 指针事件：
a.disabled {
pointer-events: none;
}此方法禁用链接上的指针事件，防止点击和悬停。但是，较旧的浏览器可能不支持它。
2.焦点 Tabindex：
<a href="#" disabled tabindex="-1">...</a>
设置 tabindex="-1" 可防止链接获得焦点，从而有效地禁用它。
3.拦截点击 (JavaScript)：
$("td > a").on("click", function(event) {
if ($(this).is("[disabled]")) {
event.preventDefault();
}
});此方法拦截点击事件并阻止它们到达禁用的链接。
4.清除链接 (JavaScript)：
$("td > a").each(function() {
this.data("href", this.attr("href"))
.attr("href", "javascript:void(0)")
.attr("disabled", "disabled");
});此方法清除链接的 href 属性，防止其被跟踪。
5.假点击处理程序 (JavaScript)：
$("td > a").attr("disabled", "disabled").on("click", function() {
return false;
});此方法添加一个返回 false 的点击处理程序，从而有效禁用链接。
样式：
a[disabled] {
color: gray;
}此规则适当地设置禁用链接的样式。
ARIA 属性：
<a href="#" disabled aria-disabled="true">...</a>
出于可访问性目的，包含“aria-disabled”，指示链接的禁用状态与辅助技术。
以上是如何在现代浏览器中禁用 HTML 链接？的详细内容。更多信息请关注PHP中文网其他相关文章！
