如何使用jquery取消选择链接

Question

它有点难以解释,但我会尝试.

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

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

Answer 1

要取消选择它,您可以blur在anchor元素上触发事件,例如:

$('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()解决方案的问题是焦点矩形立即闪烁然后关闭.