使用JS CSS去除IE鏈接虛線框的三種方法
更新時間:2013年11月14日 16:08:12 作者:
本文使用JS、CSS、標簽屬性等方式去除IE鏈接上的虛線框,方法很簡單,大家可以選擇使用
方法一:利用javascript的onfocus事件,實現(xiàn)如下:
Html代碼
復制代碼 代碼如下:
<a href="http://www.dbjr.com.cn/" onfocus="this.blur();">設計蜂巢</a>
如果引入了jQuery框架則可以利用它的事件綁定機制:
Js代碼
復制代碼 代碼如下:
$('a').bind('focus', function(){
if(this.blur){ //如果支持 this.blur
this.blur();
}
});
方法二:利用css樣式,實現(xiàn)如下:
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,實現(xiàn)如下:Html代碼
復制代碼 代碼如下:
<a href="http://www.dbjr.com.cn/" hidefocus="true">設計蜂巢</a>
方法四:HTC 實現(xiàn)如下:
將一下代碼保存為.htc后綴的文件
Js代碼
復制代碼 代碼如下:
<public:attach event="onfocus" onevent="quit()" />
<script language="javascript">
function quit(){
this.blur();
}
</script>
CSS代碼
復制代碼 代碼如下:
a {behavior:url("htc文件")}
相關文章
深入理解JavaScript系列(18):面向?qū)ο缶幊讨瓻CMAScript實現(xiàn)
這篇文章主要介紹了深入理解JavaScript系列(18):面向?qū)ο缶幊讨瓻CMAScript實現(xiàn),本文講解了數(shù)據(jù)類型、原始值類型、Object類型、動態(tài)性、內(nèi)置對象、原生對象及宿主對象等內(nèi)容,需要的朋友可以參考下2015-03-03JavaScript常用字符串與數(shù)組擴展函數(shù)小結
這篇文章主要介紹了一些JavaScript常用字符串與數(shù)組擴展函數(shù),整理了一些簡單而使用率又高的操作String與Array的函數(shù),需要的朋友可以參考下2016-04-04簡略說明Javascript中的= =(等于)與= = =(全等于)區(qū)別
本篇文章簡略說明了Javascript中的= =(等于)與= = =(全等于)區(qū)別,有需要的朋友可以參考一下2013-04-04javascript XMLHttpRequest對象全面剖析
通過不必把Web頁面寄送到服務器而實現(xiàn)數(shù)據(jù)傳送,XMLHttpRequest對象為客戶端與服務器之間提供了一種動態(tài)的交互能力。2010-04-04javascript函數(shù)聲明和函數(shù)表達式區(qū)別分析
本文向大家展示了javascript中函數(shù)聲明和函數(shù)表達式的概念及區(qū)別,介紹的非常全面,也很詳盡,這里推薦給大家2014-12-12JavaScript的三大前端框架Vue和Angular和React
這篇文章主要為大家介紹了JavaScript的三大前端框架Vue和Angular和React,文章中有詳細的代碼示例,有需要的朋友可以借鑒參考下,2023-04-04