提醒：本页面将不再更新、维护或者支持，文章、评论所叙述内容存在时效性，涉及技术细节或者软件使用方面不保证能够完全有效可操作，请谨慎参考！

今天看到 淘宝UED 更新了一篇文章 《盲人站长深恶痛绝的onfocus=“this.blur()”》 ，不由得想起之前我写的 《去掉网页上链接或按钮的虚线框》 。感觉淘宝UED对这个问题研究还是比较深入的，比较下来，只有this.blur()属于比较暴力的消除虚线框的办法，而且在一定程度上还会导致易用性的下降，比如淘宝UED就提到了盲人易用性的问题，淘宝UED团队总结出“去除链接虚线框的推荐方法是：ie下用hidefocus属性，ff/chorme/opera/safari下用outline:none”。

问题应该很好的解决了，但是我们还是对this.blur()念念不忘，为什么呢？因为其兼容性和效果都是最好的，那有没有折中的办法，即不损失易用性（能够获得焦点）且隐藏焦点所带来的虚线框？Mike Smullin的 《Removing the Dotted Outline from Focused Links》 给出了个办法可以参考一下，我将其办法改成了函数如下： 

function killFocus(obj) {
  obj.onmousedown = function() {
    this.blur(); // most browsers
    this.hideFocus = true; // ie
    this.style.outline = 'none'; // mozilla
  }
  obj.onmouseout = obj.onmouseup = function() {
    this.blur(); // most browsers
    this.hideFocus = false; // ie
    this.style.outline = null; // mozilla
  }
}

很明显，其通过鼠标的操作动态的设置相关的属性，也就是说当我们点击鼠标时虚线框将被隐藏掉，这不影响我们键盘按Tab键或其他办法获得焦点，当然这个只是针对鼠标操作隐藏了焦点虚线框，如果你觉得一点焦点虚线框都不能有的话，那还是按照hidefocus和outline配合使用吧。