去除鏈接虛線全面分析總結(jié)

2019-11-21 02:33:19

字體：大中小

供稿：網(wǎng)友

傳統(tǒng)辦法，在標(biāo)簽內(nèi)加屬性代碼多，修改難

<a href="link1.htm" onfocus="this.blur()">link1</a>

<a href="link1.htm" onfocus="this.close()">link1</a>

<a href="link1.htm" hidefocus="true">link1</a>

<a href="link1.htm" hidefocus="hidefocus">link1</a>

<a href="link1.htm" hidefocus>link1</a> 非標(biāo)準(zhǔn)

中級(jí)辦法，全局控制　

CSS實(shí)現(xiàn) 增加IE負(fù)擔(dān)，不推薦使用

a{blr:expression(this.onFocus=this.close());}

a{blr:expression(this.onFocus=this.blur());}

HTC實(shí)現(xiàn) IE支持，并有延遲，不推薦

把下面這段代碼存為.htc為擴(kuò)展名的文件

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

樣式調(diào)用

a {behavior:url(htc文件所在路徑地址)}

高級(jí)辦法，全局控制

遍歷實(shí)現(xiàn)

window.onload=function()
{
for(var ii=0; ii<document.links.length; ii++)
document.links[ii].onfocus=function(){this.blur()}
}

將其封裝為一個(gè)函數(shù)

function fHideFocus(tName){
aTag=document.getElementsByTagName(tName);
for(i=0;i<aTag.length;i++)aTag[i].hideFocus=true;
//for(i=0;i<aTag.length;i++)aTag[i].onfocus=function(){this.blur();};
}

當(dāng)前是添加一個(gè)hidefocus的屬性，注釋掉的句子是添加onfucus=this.blur();
然后調(diào)用fHideFocus("A");即可把a(bǔ)的虛線框去掉
通過傳遞不同的參數(shù) 可以去掉更多的虛線框比如"BUTTON"可以去掉button的
但要記住參數(shù)要用大寫字母

應(yīng)用技巧及疑問

A. map area內(nèi)鏈接如何消除鏈接虛線？

這是一個(gè)觀念上的錯(cuò)誤，其實(shí)應(yīng)該在所在map的圖片上加以控制，而不是在area內(nèi)，參考傳統(tǒng)辦法

B. 關(guān)于onFocus

<a href=“http://blog.csdn.net/alonesword/“ onFocus="this.blur()">
<Img Src="Example.jpg" Border=0>
</a>

其中，onFocus是設(shè)置鼠標(biāo)焦點(diǎn)事件的東西，這個(gè)可以用，也可以不用，不過為了讓更多的瀏覽器識(shí)別的話，建議采用；Border=0 這個(gè)才是去除虛線框的關(guān)鍵所在（在網(wǎng)上看到有的人用onFocus=“this.blur（）“來消除虛線框，但在本地測(cè)試時(shí)，僅僅用這一句是不能消除的）

上一篇：顯示行號(hào)的文本輸入框

下一篇：靜態(tài)的動(dòng)態(tài)續(xù)篇之來點(diǎn)XML