如何使用jquery取消选择链接

如何使用jquery取消选择链接,jquery,Jquery,这有点难以解释,但我会尽力的 每当有人点击一个锚定链接时,它周围会临时出现一个虚线框。 例如,当您单击此页面顶部的stackoverflow徽标时 临时被虚线包围。因为页面被刷新,虚线框消失了 但是使用ajax时,链接不会得到刷新,因此虚线框仍保留在链接上。 如何移除那个虚线框。当你点击页面上的某个地方时,虚线框消失了。 如何使用jquery或任何其他方式执行此操作。要取消选择它,可以在锚元素上触发模糊事件,例如: $('a').click(function () { this.blur()

这有点难以解释,但我会尽力的

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

但是使用ajax时,链接不会得到刷新,因此虚线框仍保留在链接上。 如何移除那个虚线框。当你点击页面上的某个地方时,虚线框消失了。
如何使用jquery或任何其他方式执行此操作。

要取消选择它,可以在锚元素上触发
模糊事件,例如:

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

将从当前元素中删除键盘焦点。

该框是焦点。您可以尝试这样做:

$("#mylink").blur();
因此:


不要使用jQuery或JavaScript来修复此问题。您可以使用直接CSS删除它。只是要小心,因为这是一项可用性功能:

在CSS样式表中(所有元素):

在CSS(目标链接)中:


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

+1非常好的方法,唯一的缺点是它不适用于IE
@CMS。你完全正确。真糟糕。我经常使用这段代码,从来没有费心检查它在IE中是如何运行的。-1对我来说:)很好!我不知道我们只能用CSS来做这件事。
$("#mylink").click(function() {
  $.ajax({...});
  $(this).blur();
  return false;
});
/* Disable all focus styles */
:focus { outline: 0; }
#mylink:focus { outline: 0; }