使用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 学习笔记(九)call和apply方法
Jan 11 Javascript
JavaScript CSS修改学习第一章 查找位置
Feb 19 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 Javascript
JS Date函数整理方便使用
Oct 23 Javascript
详解Node.js如何开发命令行工具
Aug 14 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
让微信小程序支持ES6中Promise特性的方法详解
Jun 13 Javascript
Node.js中sequelize时区的配置方法
Dec 10 Javascript
微信小程序实现图片上传
May 23 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
Feb 19 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
Jul 22 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
星际初学者游戏中永远要做的事
2020/03/04 星际争霸
用PHP和ACCESS写聊天室(一)
2006/10/09 PHP
jQuery EasyUI API 中文文档 - DateBox日期框
2011/10/15 PHP
php获取指定日期之间的各个周和月的起止时间
2014/11/24 PHP
举例讲解PHP面对对象编程的多态
2015/08/12 PHP
PHP结合Ueditor并修改图片上传路径
2016/10/16 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
javascript中的undefined和not defined区别示例介绍
2014/02/26 Javascript
深入浅析JS Function()构造函数
2016/08/22 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
EditPlus 正则表达式 实战(3)
2016/12/15 Javascript
js实现表格筛选功能
2017/01/18 Javascript
Angular实现跨域(搜索框的下拉列表)
2017/02/16 Javascript
深入理解Vue 的条件渲染和列表渲染
2017/09/01 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
聊聊鉴权那些事(推荐)
2019/08/22 Javascript
通过实例了解Nodejs模块系统及require机制
2020/07/16 NodeJs
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
2020/08/06 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
8个非常实用的Vue自定义指令
2020/12/15 Vue.js
[03:07]2015国际邀请赛选手档案EHOME.rOtK 是什么让他落泪?
2015/07/31 DOTA
python基础教程之获取本机ip数据包示例
2014/02/10 Python
Python3多线程操作简单示例
2018/05/22 Python
浅谈django orm 优化
2018/08/18 Python
python pyinstaller打包exe报错的解决方法
2019/11/02 Python
python3 tcp的粘包现象和解决办法解析
2019/12/09 Python
Python requests上传文件实现步骤
2020/09/15 Python
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能
2016/12/16 HTML / CSS
工商管理实习自我鉴定
2013/09/28 职场文书
四风对照检查材料范文
2014/09/27 职场文书
利用python进行数据加载
2021/06/20 Python