如何使用 JavaScript/jQuery 禁用 HTML 链接？

经常情况下，我们需要在网页中暂时禁用某些链接，比如在进行某些重要操作时，禁止用户离开当前页面。下面就介绍一下如何使用 JavaScript/jQuery 禁用 HTML 链接。

使用 JavaScript 禁用 HTML 链接

// 获取所有的链接
var links = document.getElementsByTagName("a");

// 遍历所有链接，并禁用它们
for (var i = 0; i < links.length; i++) {
  links[i].onclick = function(e) {
    e.preventDefault();
  }
}

上述代码的思路是获取所有的链接标签（使用 getElementsByTagName 方法），并遍历所有链接，为每个链接的点击事件添加一个回调函数，该函数会调用 preventDefault 方法，阻止链接默认的跳转行为。这样，所有链接就被禁用了。

使用 jQuery 禁用 HTML 链接

// 禁用所有的链接
$("a").click(function(event) {
  event.preventDefault();
});

更倾向于使用 jQuery 的程序员们可以采用上述代码，这样就能实现相同的效果。该代码选中所有的链接标签（使用 $ 符号加上 "a" 参数），然后调用 click 方法，在回调函数中调用 preventDefault 方法，同样是阻止链接默认跳转行为。

通过以上两种方式，我们就成功地将 HTML 链接禁用了。