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