<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>解决a标签IE下点击后出现轮廓框</title>

<script>

function FaddEvent(e, evt, fn, isID) {

    if (isID == true)

        e = Fid(e);

    if (!Fempty(e.attachEvent) && (typeof(e.attachEvent) == "function" || typeof(e.attachEvent) == "object"))

        e.attachEvent("on" + evt, fn);

    else if (!Fempty(e.addEventListener) && (typeof(e.addEventListener) == "function" || typeof(e.addEventListener) == "object"))

        e.addEventListener(evt, fn, false);

}

function Fempty(v) {

    if (v != null && (typeof(v) == 'object' || typeof(v) == 'function'))

        return false;

    return (("" == v || undefined == v || null == v) ? true : false);

}

//解决ie下 a标签点击后出现问题

function fixoutline()

{

    var as = document.getElementsByTagName("a");

    for(var i=0,len=as.length;i<len;i++)

    {

        (function(i){

            as[i].onfocus = function(){

                this.blur();

            }

            as[i].hidefocus = true;

        })(i)

    }

}

FaddEvent(window,'load',function(){

    fixoutl
//动态绑定

function fixoutline()

{

    function handle(e){

        var evt = window.event ? window.event : e;

        var target = evt.target || evt.srcElement;

        if(target.tagName == 'A'){

           target.blur();

        }else if(target.tagName == 'IMG' || target.tagName == 'SPAN')

        {

            target.parentNode.blur();

        }

    }

   //相对应的context如果没有可以用document

    Fid('content').onclick = handle;

}

fixoutline();


ine();

})

</script>

</head>

<body>

<a target="_blank" href="http://www.baiud.com">百度</a> <a target="_blank" href="http://www.baiud.com">腾讯</a> <a href="javascript:void(0);">百度</a> <a href="javascript:void(0);">腾讯</a>

</body>

</html>




效果图：


　　
												


											
解决a标签IE下点击后出现轮廓框的更多相关文章
	

    
								
  1. CSS 解决 a标签去掉下划线 text-decoration: none无效 的解决方案
		
    经过查阅,如果想要去掉a标签的默认效果,就要用text-decoration: none;,但是经过试验发现并不好用,可能是因为你用a标签里的class或id定义的CSS样式,就像这样: <di ...
    
		
    2. 
						
  2. 解决img标签间距问题
		
    解决img标签间距问题 关于img标签间距问题:多个img之间有间距,包含img标签的div之间有间距. 代码如下: 1 <!doctype html> 2 <html lang=& ...
    
		
    3. 
						
  3. 在Bootstrap开发中解决Tab标签页切换图表显示问题
		
    在做响应式页面的时候,往往需要考虑更多尺寸设备的界面兼容性,一般不能写死像素,以便能够使得界面元素能够根据设备的不同进行动态调整,但往往有时候还是碰到一些问题,如Tab标签第一页面正常显示,但是切换其 ...
    
		
    4. 
						
  4. 解决苹果手机Safari浏览器下   字体显示为 蓝色的 问题
		
    解决苹果手机 Safari浏览器下   字体显示为蓝色的 问题 近期测试同学测试,wap站上,底部文字在苹果8上面 ,使用 Safari浏览器打开,一直显示 蓝色字体 其他正常,寻找半天无解,最后 阳 ...
    
		
    5. 
						
  5. selenium处理select标签的下拉框
		
    有时候我们会碰到<select></select>标签的下拉框.直接点击下拉框中的选项不一定可行.Selenium专门提供了Select类来处理下拉框. <select  ...
    
		
    6. 
						
  6. 如何解决Windows 10系统下设备的声音问题
		
    如何解决Windows 10系统下设备的声音问题? 请阅读下面的说明来解决Windows 10设备上的声音问题. 1. 检查设备管理器 打开开始菜单,键入设备管理器, 从出现的结果中选择并打开它. 在 ...
    
		
    7. 
						
  7. XE6移动开发环境搭建之IOS篇（5）：解决Windows和虚拟机下Mac OSX的共享问题（有图有真相）
		
    网上能找到的关于Delphi XE系列的移动开发环境的相关文章甚少,本文尽量以详细的图文内容.傻瓜式的表达来告诉你想要的答案. 原创作品,请尊重作者劳动成果,转载请注明出处!!! 在安装XE6 PAS ...
    
		
    8. 
						
  8. Myeclipse解决dubbo标签不识别问题
		
    Myeclipse解决dubbo标签不识别问题,引入dubbo.xsd文件,即可:              
    
		
    9. 
						
  9. 详解Android ActionBar之二：ActionBar添加Tabs标签和下拉导航
		
    本节主要讲解ActionBar如何添加Tabs标签和下拉导航. 一.添加标签 Tabs 在ActionBar中实现标签页可以实现android.app.ActionBar.TabListener ,重 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Error : The specified component was not reported by the VSS writer (Error 517) in Windows Server 2012 Backup
			
    Error : The specified component was not reported by the VSS writer (Error 517) in Windows Server 201 ...
    
			
    2. 
						
  2. Spring初始化完成后直接执行一个方法，初始化数据（解决方法被重复执行两次的情况）
			
    在做WEB项目时,经常在项目第一次启动时利用WEB容器的监听.Servlet加载初始化等切入点为数据库准备数据,这些初始化数据 是系统开始运行前必须的数据,例如权限组.系统选项.默认管理员等等.但是项 ...
    
			
    3. 
						
  3. bt z
			
    比特币从2008年开始启动,到09年创始区块的出现,甚至一直到10年和11年都只是中本聪自己一个人在运行这套程序.在早期这个极少数人参与到游戏里,大家运行一个软件,这个软件既是钱包也是挖矿软件,进行P ...
    
			
    4. 
						
  4. Oracle学习中，重点是sql语句的学习，而所有的sql语句都要在scott用户下完成。
			
    熟悉这个用户下的四张表,是必要的. 查看所有表名: SELECT * FROM tab; 查看每张表的结构: DESC 表名称: 1.部门表:dept no  名称 类型 描述 1 DEPTNO NU ...
    
			
    5. 
						
  5. Oracle WIHT AS 用法
			
    1.with table as 相当于建个临时表(用于一个语句中某些中间结果放在临时表空间的SQL语句),Oracle 9i 新增WITH语法,可以将查询中的子查询命名,放到SELECT语句的最前面. ...
    
			
    6. 
						
  6. Android之等比例显示图片
			
    在android中,由于密度的影响,如果想得到图片的宽高是不行的,具体为什么我就大概说一下,具体的请搜索度娘或者古哥吧. 原因是如果你把图片放在drawable-mdpi里,而手机是属于drawabl ...
    
			
    7. 
						
  7. 采用Operator-sdk轻松将helm chart转为Operator
			
    去年就接触Operator,从Oracle发布的WebLogic Operator到mySQL Operator,构建的源码一大堆,但感觉一直缺少合适的开发框架能够避免复杂性快速生成, 随着技术的日益 ...
    
			
    8. 
						
  8. (转载)ios的一些知识点
			
    ios的一些知识点 一 非ARC的内存管理情况  1-autorelease,当用户的代码在持续运行时,自动释放池是不会被销毁的,这段时间内用户可以安全地使用自动释放的对象.当用户的代码运行告一 段落 ...
    
			
    9. 
						
  9. 分布式缓存系统Memcached在Asp.net下的应用
			
    Memcached 是一个高性能的分布式内存对象缓存系统.用于动态Web应用以减轻数据库负载.它通过在内存中缓存数据和对象来降低读取数据库的次数,从而提高动态.数据库驱动站点的速度. Memcache ...
    
			
    10. 
						
  10. 字符串转换成JSON的三种方式
			
    采用Ajax的项目开发过程中,经常需要将JSON格式的字符串返回到前端,前端解析成JS对象(JSON ).ECMA-262(E3) 中没有将JSON概念写到标准中,但在 ECMA-262(E5) 中J ...
    
			
    11.