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>