使用JS CSS去除IE链接虚线框的三种方法


Posted in Javascript onNovember 14, 2013

方法一:利用javascript的onfocus事件,实现如下:
Html代码

<a href="https://3water.com/" 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://3water.com/" 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 相关文章推荐
jQuery live
May 15 Javascript
jQuery 动态酷效果实现总结
Dec 27 Javascript
Extjs在exlipse中设置自动提示的方法
Apr 07 Javascript
jQuery渐变发光导航菜单的实例代码
Mar 27 Javascript
转换字符串为json对象的方法详解
Nov 29 Javascript
iframe里使用JavaScript控制主页转向的方法
Apr 03 Javascript
jquery使用each方法遍历json格式数据实例
May 18 Javascript
基于jQuery实现数字滚动效果
Jan 16 Javascript
JQuery validate 验证一个单独的表单元素实例
Feb 17 Javascript
vue的diff算法知识点总结
Mar 29 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
Jun 05 Javascript
javascript unicode与GBK2312(中文)编码转换方法
Nov 14 #Javascript
javascript按位非运算符的使用方法
Nov 14 #Javascript
javascript Array.prototype.slice的使用示例
Nov 14 #Javascript
js取消单选按钮选中示例代码
Nov 14 #Javascript
js实现目录定位正文示例
Nov 14 #Javascript
通过action传过来的值在option获取进行验证的方法
Nov 14 #Javascript
javascript间隔刷新的简单实例
Nov 14 #Javascript
You might like
如何在PHP中使用Oracle数据库(3)
2006/10/09 PHP
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
PHP常用的缓存技术汇总
2014/05/05 PHP
PHP扩展开发入门教程
2015/02/26 PHP
laravel5.6实现数值转换
2019/10/23 PHP
JavaScript Array扩展实现代码
2009/10/14 Javascript
DLL+ ActiveX控件+WEB页面调用例子
2010/08/07 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
JavaScript将页面表格导出为Excel的具体实现
2013/12/27 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
2016/12/21 Javascript
用原生JS实现简单的多选框功能
2017/06/12 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
vue项目关闭eslint校验
2018/03/21 Javascript
自定义Vue中的v-module双向绑定的实现
2019/04/17 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
微信小程序实现首页弹出广告
2020/12/03 Javascript
详解Python中 __get__和__getattr__和__getattribute__的区别
2016/06/16 Python
Python生成一个迭代器的实操方法
2019/06/18 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
python进行参数传递的方法
2020/05/12 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
Python  Asyncio模块实现的生产消费者模型的方法
2021/03/01 Python
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
什么是View State?
2013/01/27 面试题
施工安全责任书
2014/04/14 职场文书
新教师培训方案
2014/06/08 职场文书
毕业大学生自荐信
2014/06/17 职场文书
国土资源局开展党的群众路线教育实践活动整改措施
2014/09/26 职场文书
领导干部考核评语
2015/01/04 职场文书
课程设计感想范文
2015/08/11 职场文书
vue项目两种方式实现竖向表格的思路分析
2021/04/28 Vue.js
解决Pytorch半精度浮点型网络训练的问题
2021/05/24 Python
在 SQL 语句中处理 NULL 值的方法
2021/06/07 SQL Server