使用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 相关文章推荐
javascript入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
Apr 19 Javascript
JavaScript判断textarea值是否为空并给出相应提示
Sep 04 Javascript
JS模拟并美化的表单控件完整实例
Aug 19 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
Dec 03 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
Oct 08 Javascript
jquery获取easyui日期控件的值实现方法
Nov 09 Javascript
js 获取本地文件及目录的方法(推荐)
Nov 10 Javascript
Vuex之理解state的用法实例
Apr 19 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
JS实现的简单拖拽购物车功能示例【附源码下载】
Jan 03 Javascript
微信小程序实现同时上传多张图片
Feb 03 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
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
PHP实现二叉树深度优先遍历(前序、中序、后序)和广度优先遍历(层次)实例详解
2018/04/20 PHP
常见JS效果之图片减速度滚动实现代码
2011/12/08 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
jquery中 $.expr使用实例介绍
2014/06/09 Javascript
javascript正则表达式基础知识入门
2015/04/20 Javascript
使用jQuery在对象中缓存选择器的简单方法
2015/06/30 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
2015/08/17 Javascript
jQuery简单操作cookie的插件实例
2016/01/13 Javascript
搞定immutable.js详细说明
2016/05/02 Javascript
基于jQuery的select下拉框选择触发事件实例分析
2016/11/18 Javascript
js实现开启密码大写提示
2016/12/21 Javascript
AngularJS 控制器 controller的详解
2017/10/17 Javascript
微信小程序实现的贪吃蛇游戏【附源码下载】
2018/01/03 Javascript
layui table 参数设置方法
2018/08/14 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
node.js使用yargs处理命令行参数操作示例
2020/02/11 Javascript
解决vant-UI库修改样式无效的问题
2020/11/03 Javascript
简单了解什么是神经网络
2017/12/23 Python
windows下搭建python scrapy爬虫框架步骤
2018/12/23 Python
Python 使用 prettytable 库打印表格美化输出功能
2019/12/26 Python
python实现在线翻译功能
2020/03/03 Python
基于python3.7利用Motor来异步读写Mongodb提高效率(推荐)
2020/04/29 Python
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
美国花园雕像和家居装饰网上商店:Design Toscano
2019/03/09 全球购物
Aurora London官网:奢华、负担得起的皮革手袋
2020/08/01 全球购物
化工专业大学生职业生涯规划书
2014/01/14 职场文书
个人贷款担保书
2014/04/01 职场文书
幼儿园中班教师个人总结
2015/02/05 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书
初中开学典礼新闻稿
2015/07/17 职场文书
创业计划书之川味火锅店
2019/09/02 职场文书
Python实现制作销售数据可视化看板详解
2021/11/27 Python
90后经典动画片排行:《数码宝贝》第二,《小鲤鱼历险记》在榜
2022/03/18 日漫
Python OpenCV形态学运算示例详解
2022/04/07 Python
Golang 结构体数据集合
2022/04/22 Golang