使用JS CSS去除IE鏈接虛線框的三種方法
更新時間：2013年11月14日 16:08:12 作者：
本文使用JS、CSS、標(biāo)簽屬性等方式去除IE鏈接上的虛線框，方法很簡單，大家可以選擇使用
方法一：利用javascript的onfocus事件，實現(xiàn)如下：
Html代碼
復(fù)制代碼 代碼如下:
<a href="http://www.dhdzp.com/" onfocus="this.blur();">設(shè)計蜂巢</a>
如果引入了jQuery框架則可以利用它的事件綁定機(jī)制：
Js代碼
復(fù)制代碼 代碼如下:
$('a').bind('focus', function(){
if(this.blur){ //如果支持 this.blur
this.blur();
}
});
方法二：利用css樣式，實現(xiàn)如下：
Css代碼
復(fù)制代碼 代碼如下:
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 */
方法三：利用標(biāo)簽屬性，僅支持IE，實現(xiàn)如下：Html代碼
復(fù)制代碼 代碼如下:
<a href="http://www.dhdzp.com/" hidefocus="true">設(shè)計蜂巢</a>
方法四：HTC 實現(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實例教程(19) 使用HoTMetal(5)
Javascript實例教程(19) 使用HoTMetal(5)...2006-12-12
JavaScript 是一種弱類型或者說動態(tài)語言。這意味著你不用提前聲明變量的類型，在程序運(yùn)行過程中，類型會被自動確定。這也意味著你可以使用同一個變量保存不同類型的數(shù)據(jù)。2015-10-10
本系列所有內(nèi)容都是涉及Javascript基礎(chǔ)的，沒有時髦的玩意兒，但是我相信這些基礎(chǔ)的東西會有助于你理解那些有趣的東西的2017-01-01
這篇文章主要為大家介紹了JavaScript原型與實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
這篇文章主要介紹了網(wǎng)址URL中特殊字符轉(zhuǎn)義編碼，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-10-10
這篇文章給大家介紹幾種常用的前后端數(shù)據(jù)交互方法，并給出使用建議。以提高前后端協(xié)同開發(fā)的效率。非常的詳細(xì)，推薦給小伙伴們，有需要的小伙伴可以參考下。2015-04-04
退出全屏效果與全屏效果我們可能在看視頻網(wǎng)站時看到多,這里來為各位介紹利用js全屏和退出全屏代碼范例吧，,需要的朋友可以參考下2016-11-11
本文講解Knockout讓visible綁定到DOM元素上，使得該元素的hidden或visible取決于綁定的值,下面有代碼參考2013-11-11
utf8的編碼算法 轉(zhuǎn)載...2006-12-12
這篇文章介紹了JavaScript中的內(nèi)置對象，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03