利用onfocus事件去除点击链接后的虚线框

不管是Firefox还是IE，a标签没有经过处理的点击后都会出现一个虚线框把链接包围着



由于这款主题没有经过太多的优化处理（压根就没优化过），点击后会出现虚线框（大部分网站都处理过），看起来非常的不雅观，就上网查了下资料，查了半天都是利用css的outline来处理的，反正我本人是测试不出任何效果的，

众里寻他千百度，终于找出好办法

正当没希望的时候，偶然看到一个博客记录了onfocus事件（焦点事件）去除点击链接后的虚线框
焦点事件简介如下：

• onBlur:当失去输入焦点后产生该事件


• onFocus:当输入获得焦点后，产生该文件


• Onchange:当文字值改变时，产生该事件


• Onselect:当文字加亮后，产生该文件

我们只需要在a标签里加入onfocus属性即可，代码如下：

<a href="http://baidu.com" onfocus="this.blur()">BaiDu</a>

PS：当你不确定是否已经去除点击后的虚线框的时候，可以把鼠标放在需要检验的a标签上点击右键检验，如果没有出现虚线框，则表示成功去除