读书人

a:hidefocus的功用

发布时间: 2012-07-29 15:26:14 作者: rapoo

a:hidefocus的作用
闲暇时看了某网站的UI设计,看到了hideFocus属性,以前没有用过,今特意写下其作用。hideFocus:即隐藏聚焦,具有是对象聚焦失效的功能,其功能相当于:onFocus="thid.blur()" 它的值是一个布尔值,如hideFocus=true.也可省略赋值直接写hideFocus. 你给的代码如果没有hideFocus,那么鼠标点击该超链接,则外面出现一个虚线框,即为聚焦。而使用 了hideFocus则不会有虚线框。 在IE下,需要在标签a的结构中加入hideFocus="true"属性。 而在火狐等浏览 器中则相对比较容易,直接给标签a定义样式outline:none;就可以了。
演示如下: <h4>演示:IE</h4>
<a href="#" hideFocus>hideFocus=true</a>
<a href="#" >hideFocus=false</a>

<p></p>
<h4>演示:火狐</h4>
<a href="#" style="outline: none;">outline:none</a>

读书人网 >编程

热点推荐