隐藏a链接点击时的虚线

hidefocus即隐藏聚焦,是HTML标签的一个属性,具有使对象聚焦失效的功能,其功能相当于:
onfocus="this.blur()"


如果一个A标签,没有加hidefocus属性,那么鼠标点击该超链接,则外面出现一个虚线框,即为聚焦。而使用了hidefocus则不会有虚线框。


在IE下,需要在标签 a 的结构中加入 hidefocus="hidefocus" 属性。即:
<a href="http://www.87cool.com" hidefocus="hidefocus">水寒冰居</a>


而在FF等浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:
a { outline:none; }


hidefocus属性除了A标签可以用外,所有的HTML标签都可以使用,用法和含义相同,使得对像获取焦点时和没获取焦点时的表现形式一样。


前面说过hidefocus相当于 onfocus="this.blur()",其实不严谨的说法,hidefocus是隐藏对像获取焦点时的特性,this.blur() 则是让对像失去焦点,所以,相对于A标签来说,这两者是一样的效果,而对于输入框来说,那区别就很明显了,如果给输入框加上onfocus="this.blur()",那你就别想在里面输入文字了。

Tag标签: HTML技巧
posted on 2010-05-22 15:07 发布:水寒冰 阅读(199) 评论(0) 收藏 所属分类: JAVASCRIPT
  • 评论
  • 点击刷新
  • [使用Ctrl+Enter键可以直接提交]

表情图标

[smile][confused][cool][cry][eek][angry][wink][sweat][lol][stun][razz][redface][rolleyes][sad][yes][no][heart][star][music][idea]
Advertise
Category
Time Counter

离十一还有

Recent Article
Statistics
Recent Comments
Archive
Links
Support
《良机》 鲜果阅读器订阅图标
 
TOP