快捷導(dǎo)航

使用JS CSS去除IE鏈接虛線框的三種方法

更新時(shí)間：2013年11月14日 16:08:12 作者：

本文使用JS、CSS、標(biāo)簽屬性等方式去除IE鏈接上的虛線框，方法很簡(jiǎn)單，大家可以選擇使用

方法一：利用javascript的onfocus事件，實(shí)現(xiàn)如下：
Html代碼

<a href="http://m.fzitv.net/" onfocus="this.blur();">設(shè)計(jì)蜂巢</a>

如果引入了jQuery框架則可以利用它的事件綁定機(jī)制：
Js代碼

復(fù)制代碼代碼如下:

$('a').bind('focus', function(){   
    if(this.blur){ //如果支持 this.blur   
        this.blur();   
    }   
});

方法二：利用css樣式，實(shí)現(xiàn)如下：
Css代碼

復(fù)制代碼代碼如下:

a{  
    blr: expression(this.onFocus=this.close());  
} /* 只支持IE，過(guò)多使用效率低 */  
a{  
    blr: expression(this.onFocus=this.blur());  
} /* 只支持IE，過(guò)多使用效率低 */  
a:focus {   
    -moz-outline-style: none;   
} /* IE不支持 */  
:focus {   
    outline: none;   
} /* for Firefox */

方法三：利用標(biāo)簽屬性，僅支持IE，實(shí)現(xiàn)如下：Html代碼

復(fù)制代碼代碼如下:

方法四：HTC 實(shí)現(xiàn)如下：
將一下代碼保存為.htc后綴的文件
Js代碼

復(fù)制代碼代碼如下:

<public:attach event="onfocus" onevent="quit()" />   
<script language="javascript">   
    function quit(){   
        this.blur();   
    }   
</script>

CSS代碼

復(fù)制代碼代碼如下:

a {behavior:url("htc文件")}

相關(guān)文章

Javascript實(shí)例教程(19) 使用HoTMetal(5)
Javascript實(shí)例教程(19) 使用HoTMetal(5)...
2006-12-12
Javascript中的數(shù)據(jù)類(lèi)型之旅
JavaScript 是一種弱類(lèi)型或者說(shuō)動(dòng)態(tài)語(yǔ)言。這意味著你不用提前聲明變量的類(lèi)型，在程序運(yùn)行過(guò)程中，類(lèi)型會(huì)被自動(dòng)確定。這也意味著你可以使用同一個(gè)變量保存不同類(lèi)型的數(shù)據(jù)。
2015-10-10
Javascript基礎(chǔ)回顧之(一) 類(lèi)型
本系列所有內(nèi)容都是涉及Javascript基礎(chǔ)的，沒(méi)有時(shí)髦的玩意兒，但是我相信這些基礎(chǔ)的東西會(huì)有助于你理解那些有趣的東西的
2017-01-01
JavaScript原型與實(shí)例詳解
這篇文章主要為大家介紹了JavaScript原型與實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2021-12-12
基于網(wǎng)址URL中特殊字符轉(zhuǎn)義編碼
這篇文章主要介紹了網(wǎng)址URL中特殊字符轉(zhuǎn)義編碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2021-10-10
實(shí)現(xiàn)前后端數(shù)據(jù)交互方法匯總
這篇文章給大家介紹幾種常用的前后端數(shù)據(jù)交互方法，并給出使用建議。以提高前后端協(xié)同開(kāi)發(fā)的效率。非常的詳細(xì)，推薦給小伙伴們，有需要的小伙伴可以參考下。
2015-04-04
JS 全屏和退出全屏詳解及實(shí)例代碼
退出全屏效果與全屏效果我們可能在看視頻網(wǎng)站時(shí)看到多,這里來(lái)為各位介紹利用js全屏和退出全屏代碼范例吧，,需要的朋友可以參考下
2016-11-11
Knockout visible綁定使用方法
本文講解Knockout讓visible綁定到DOM元素上，使得該元素的hidden或visible取決于綁定的值,下面有代碼參考
2013-11-11
utf8的編碼算法轉(zhuǎn)載
utf8的編碼算法轉(zhuǎn)載...
2006-12-12
JavaScript中的內(nèi)置對(duì)象介紹
這篇文章介紹了JavaScript中的內(nèi)置對(duì)象，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-03-03