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