如何使用jquery取消选择链接

Question

有点难以解释，但我会尝试。

每当有人点击锚链接时，临时会出现一个虚线框。 例如，当您单击此页面顶部的stackoverflow徽标时，它就会出现 暂时被虚线包围。因为页面会刷新，所以虚线框会消失。

但是使用ajax，链接不会刷新，因此虚线框保留在其上。 如何删除该虚线框。当您单击页面上的某个位置时，虚线框会消失。 如何使用 jquery 或任何其他方式来完成。

Answer 1

要取消选择它，您可以在锚元素上触发blur事件，例如：

$('a').click(function () {
  this.blur(); // or $(this).blur();
  //...  
});

element.blur()将从当前元素中删除键盘焦点。

Answer 2

不要使用jQuery或JavaScript来解决此问题。您可以使用直接CSS删除它。请注意，因为它是可用性功能：

在CSS样式表（所有元素）中：

/* Disable all focus styles */
:focus { outline: 0; }

在CSS（目标链接）中：

#mylink:focus { outline: 0; }

blur()解决方案的问题是焦点矩形立即闪烁然后立即关闭。

Answer 3

那个盒子是焦点。你可以尝试这样做：

$("#mylink").blur();

这样：

$("#mylink").click(function() {
  $.ajax({...});
  $(this).blur();
  return false;
});