JavaScript-如何完美的去处超链接点击之后的虚框？

Question

试了很多种方式，都存在浏览器兼容性问题。最后在大牛指导下这样写：

onfocus="this.blur()"

Answer 1

onfocus 改为 onclick

 onclick ="this.blur()"

Answer 2

在网上看到一种解释，说的很清楚：

点击链接产生的虚线框，其实就是 CSS 中的 outline 属性，但是IE
和 Firefox 对于 outline 和 border
的解析范围并不一致：IE 认为虚线框就是border的边缘，而
Firefox 则认为虚线框应该是文字范围。

应该就是造成这个问题的原因，楼上的解法就是针对这个的，但是没有写明出处：
http://qiyan86-163-com.iteye.com/blog/554908

Answer 3

方法 一：定义样式outline:none即可，但此法只适应于FF，IE不支持，在IE 下可使用其私有的html属性：hideFoucs，在标签的结构中加入 hidefocus=”true” 属性。

<a href="#" hidefocus="true"> 这里放置您需要的文字或图片</a>

方法 二：针对于IE

 .HideFocus {
hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
outline: none; /* for firefox 1.5 + */}

但是 expression性能极差，如果不是特别需求，全部页面链接点击所产生的虚线框都必须去掉，尽量不要用这种方法。

Answer 4

方法1：
hidefocus="true"加上这个;

方法2：
使用css样式实现，a{blr:expression(this.onFocus=this.close());}

注意：在onclick后面加上onFocus=“this.blur();”属性来避免浏览器兼容的问题