使用JS CSS去除IE链接虚线框的三种方法
更新时间：2013年11月14日 16:08:12 作者：
本文使用JS、CSS、标签属性等方式去除IE链接上的虚线框，方法很简单，大家可以选择使用
方法一：利用javascript的onfocus事件，实现如下：
Html代码
复制代码 代码如下:
<a href="https://www.jb51.net/" onfocus="this.blur();">设计蜂巢</a>
如果引入了jQuery框架则可以利用它的事件绑定机制：
Js代码
复制代码 代码如下:
$('a').bind('focus', function(){
if(this.blur){ //如果支持 this.blur
this.blur();
}
});
方法二：利用css样式，实现如下：
Css代码
复制代码 代码如下:
a{
blr: expression(this.onFocus=this.close());
} /* 只支持IE，过多使用效率低 */
a{
blr: expression(this.onFocus=this.blur());
} /* 只支持IE，过多使用效率低 */
a:focus {
-moz-outline-style: none;
} /* IE不支持 */
:focus {
outline: none;
} /* for Firefox */
方法三：利用标签属性，仅支持IE，实现如下：Html代码
复制代码 代码如下:
<a href="https://www.jb51.net/" hidefocus="true">设计蜂巢</a>
方法四：HTC 实现如下：
将一下代码保存为.htc后缀的文件
Js代码
复制代码 代码如下:
<public:attach event="onfocus" onevent="quit()" />
<script language="javascript">
function quit(){
this.blur();
}
</script>
CSS代码
复制代码 代码如下:
a {behavior:url("htc文件")}
相关文章
Javascript实例教程(19) 使用HoTMetal(5)
Javascript实例教程(19) 使用HoTMetal(5)...2006-12-12
JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据。2015-10-10
本系列所有内容都是涉及Javascript基础的，没有时髦的玩意儿，但是我相信这些基础的东西会有助于你理解那些有趣的东西的2017-01-01
这篇文章主要为大家介绍了JavaScript原型与实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要介绍了网址URL中特殊字符转义编码，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-10-10
这篇文章给大家介绍几种常用的前后端数据交互方法，并给出使用建议。以提高前后端协同开发的效率。非常的详细，推荐给小伙伴们，有需要的小伙伴可以参考下。2015-04-04
退出全屏效果与全屏效果我们可能在看视频网站时看到多,这里来为各位介绍利用js全屏和退出全屏代码范例吧，,需要的朋友可以参考下2016-11-11
本文讲解Knockout让visible绑定到DOM元素上，使得该元素的hidden或visible取决于绑定的值,下面有代码参考2013-11-11
utf8的编码算法 转载...2006-12-12
这篇文章介绍了JavaScript中的内置对象，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
最新评论