使用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判断checkbox(复选框)是否被选中的代码
Oct 20 Javascript
从jquery的过滤器.filter()方法想到的
Sep 29 Javascript
js中arguments的用法(实例讲解)
Nov 30 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
详解js中构造流程图的核心技术JsPlumb
Dec 08 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
Jan 05 Javascript
AngularJS 路由详解和简单实例
Jul 28 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
Apr 11 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 Javascript
vue实现商品列表的添加删除实例讲解
May 14 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 27 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简单的MVC框架实现方法
2015/12/01 PHP
php中使用GD库做验证码
2016/03/31 PHP
简述php环境搭建与配置
2016/12/05 PHP
使用PHPExcel实现数据批量导出为excel表格的方法(必看)
2017/06/09 PHP
php防止表单重复提交实例讲解
2019/02/11 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
JS 用6N±1法求素数 实例教程
2009/10/20 Javascript
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
2012/08/14 Javascript
用IE重起计算机或者关机的示例代码
2014/03/10 Javascript
jQuery如何取id有.的值一般的方法是取不到的
2014/04/18 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
js微信扫描二维码登录网站技术原理
2016/12/01 Javascript
微信小程序实现自定义modal弹窗封装的方法
2018/06/15 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
2018/08/24 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
2019/05/06 Javascript
基于vue写一个全局Message组件的实现
2019/08/15 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
微信小程序实现可长按移动控件
2020/11/01 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
使用Python下载Bing图片(代码)
2013/11/07 Python
python&amp;MongoDB爬取图书馆借阅记录
2016/02/05 Python
使用Python的Flask框架构建大型Web应用程序的结构示例
2016/06/04 Python
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
python下setuptools的安装详解及No module named setuptools的解决方法
2017/07/06 Python
python如何制作英文字典
2019/06/25 Python
pybind11在Windows下的使用教程
2019/07/04 Python
Canvas 文本转粒子效果的实现代码
2019/02/14 HTML / CSS
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
毕业生毕业总结的自我评价范文
2013/11/02 职场文书
新党章心得体会
2014/09/04 职场文书
个人遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
党干部专题民主生活会对照检查材料思想汇报
2014/10/06 职场文书
2014年环保局工作总结
2014/12/11 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL