去掉a标识和按钮加情况照片虚线/黑影完善处理计

2021-03-21 14:19 jianzhan

当客户申请注册都会点一下1个a标识拆换认证码。当点一下后a标识上有个黑影一部分。针对喜爱美观大方的同学却不能容忍!

这是甚么缘故呢?原先是a标识的href特性惹的祸。

1、仅仅是a标识

我掌握的有两种处理方法

其1:对症治疗下药。既然是href引发的。那就去掉href特性

当大家用href=javascript:RefreshCode();只是升级认证码。并沒有自动跳转网页页面。

拷贝编码
编码以下:

<ahref="javascript:RefreshCode();"class="yellow">看不清晰?换个照片</a>

因此能够去掉href后,给a标识再加onclick恶性事件,启用升级认证码涵数便可

拷贝编码
编码以下:

<aonclick="RefreshCode()"class="yellow">看不清晰?换个照片</a>

其2:退1步。求同存异。既然你想用href特性。好吧。那我再给你加个恶性事件:onfocus

要是改动1下还可以完善去掉 给a标识加个onfocus="this.blur()"

自然。假如你想让a标识沒有下划线。则:style="text-decoration: none"

拷贝编码
编码以下:

<a href="javascript:RefreshCode();"class="yellow"onfocus="this.blur()">看不清晰?换个照片</a>

改动进行后的实际效果

而在FF等访问器中则相对性较为非常容易,立即给标识 a 界定款式 outline:none;便可以了,即:

拷贝编码
编码以下:

a{ outline:none; }

自然这仅仅是去掉单独。假如网页页面有好几个a标识那岂不必挨个挨个加上onfocus恶性事件吗?

自然并不是。大家能够在网页页面载入的情况下。根据:window.document.links.length(此处window能够省略)来获得网页页面全部的a标识。随后遍历申请注册恶性事件。

拷贝编码
编码以下:

<scripttype="text/javascript">
window.onload=function(){
for(var i=0; i<document.links.length; i++)
document.links[i].onfocus=function(){this.blur()}
}
</script>

2、给button加情况照片:

另为假如你给按钮加了情况照片。会有黑影。

还可以用同样的方法完成

拷贝编码
编码以下:

<asp:Button ID="imgBtnReg" runat="server"onfocus="this.blur()" OnClientClick="return chk_reg();"OnClick="imgBtnReg_Click" Text="确定递交"/>
<input type="submit"id="btnReg" value="申请注册" name="regist" onfocus="this.blur()"onclick="return checkAll()" style="background-image:url('image/btn.jpg')"/>

改动后实际效果:

3、假如给img加a标识,那末给a标识加onfocus的另外还要设定img的border特性:border=0

拷贝编码
编码以下:

<a href="#none"onfocus="this.blur()">
<img style="border:0px">
</a>

假如你网页页面既有a标识。又有button。那你能够将其封裝成1个涵数

拷贝编码
编码以下:

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

当今是加上1个hidefocus的特性,它的值是1个布尔运算值,如hideFocus=true。也可省略取值立即hideFocus。

编码假如沒有hideFocus,那末电脑鼠标点一下该超连接,则外面出現1个虚线框,即为聚焦。而应用了hideFocus则不容易有虚线框。

注解掉的语句是加上onfucus=this.blur();实际效果同样。
随后启用fHideFocus("A");便可把a的虚线框去掉
根据传送不一样的主要参数 能够去掉不一样的虚线框例如"BUTTON"能够去掉button的虚线框,但要记牢主要参数要用大写字母

拓展:

A. map area内连接怎样清除连接虚线?

这是1个意识上的不正确,实际上应当在所属map的照片上加以操纵,而并不是在area内,参照传统式方法

B. 有关onFocus

拷贝编码
编码以下:

<a href="http://blog.sina.com.cn/s/articlelist_3015911503_0_1.html"onfocus="this.blur()">
<img style="border:0px">
</a>

在其中,onfocus是设定电脑鼠标聚焦点恶性事件的物品,这个能够用,还可以无需,但是以便让更多的访问器鉴别的话,提议选用;border=0这个才是除去虚线框的重要所属(在网络上看到绝大多数人全是用onfocus="this.blur()"来清除虚线框,但有的情况下,仅仅用这1句是不可以清除的)

针对牛人来讲专业知识点已经是很老旧。但针对刚触碰的盆友确是立即雨,今日恰好遇到。故纪录于此。专业知识要靠1点1点累积。