<!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>
效果图：
