使用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 相关文章推荐
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
Jan 11 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
Apr 11 Javascript
js检验密码强度(低中高)附图
Jun 05 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
Jul 05 Javascript
Javascript的表单验证长度
Mar 16 Javascript
AngularJS实现一次监听多个值发生的变化
Aug 31 Javascript
原生JS发送异步数据请求
Jun 08 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
node.js express中app.param的用法详解
Jul 16 Javascript
微信小程序左右滚动公告栏效果代码实例
Sep 16 Javascript
JavaScript实现左右滚动电影画布
Feb 06 Javascript
vue elementui tree 任意级别拖拽功能代码
Aug 31 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中如何使对象可以像数组一样进行foreach循环
2013/08/09 PHP
PHP使用递归算法无限遍历数组示例
2017/01/13 PHP
PHP实现将标点符号正则替换为空格的方法
2017/08/09 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
IE中直接运行显示当前网页中的图片 推荐
2006/08/31 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
2014/08/27 Javascript
jQuery实现简单隔行变色的方法
2016/02/20 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
js date 格式化
2017/02/15 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
Bootstrap Table 删除和批量删除
2017/09/22 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
JS根据json数组多个字段排序及json数组常用操作
2019/06/06 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
2020/03/04 Javascript
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
pycharm在调试python时执行其他语句的方法
2018/11/29 Python
django celery redis使用具体实践
2019/04/08 Python
Python 类的私有属性和私有方法实例分析
2019/09/29 Python
Python读取表格类型文件代码实例
2020/02/17 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
浅谈python元素如何去重,去重后如何保持原来元素的顺序不变
2020/02/28 Python
简单了解Java Netty Reactor三种线程模型
2020/04/26 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
Python使用os.listdir和os.walk获取文件路径
2020/05/21 Python
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
英国排名第一的宠物店:PetPlanet
2020/02/02 全球购物
中班上学期幼儿评语
2014/04/30 职场文书
文员试用期转正自我鉴定
2014/09/14 职场文书
工程部文员岗位职责
2015/02/04 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
mysql中整数数据类型tinyint详解
2021/12/06 MySQL
MYSQL常用函数介绍
2022/05/05 MySQL