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

nimaboke 2015-5-8 2134

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

QQ截图20150508102028

由于这款主题没有经过太多的优化处理(压根就没优化过),点击后会出现虚线框(大部分网站都处理过),看起来非常的不雅观,就上网查了下资料,查了半天都是利用css的outline来处理的,反正我本人是测试不出任何效果的,
众里寻他千百度,终于找出好办法

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

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

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

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

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


我们只需要在a标签里加入onfocus属性即可,代码如下:
<a href="http://baidu.com" onfocus="this.blur()">BaiDu</a>

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

阿里亦初2015/05/10 09:42:36 评论:
很好的方法,已经用上

上海seo小赛2015/05/13 17:47:06 评论:
慢慢学习吧。。。
最新回复 (0)
返回
发新帖