真正让HTML标签、DIV、SPAN拥有onfocus和onblur，聚焦和失焦

转载：http://blog.sina.com.cn/s/blog_7dfe67db01010lnq.html

 

默认火狐或者其余浏览器里DIV和其余普通标签是不具备onfocus和onblur事件的，经我长久论证由于他们不具备tab属性，因此只要咱们建立tab，那么任何标签均可以具备tab属性。

什么标签具备tab呢？显然input和a是得天独厚的具备，咱们常常用键盘上的tab键进行移动光标的时候，咱们发现光标只在具备tab属性的元素上进行跳转。

咱们如今来让div拥有tab并具备onfucus和onblur属性！

给元素建立tab属性：tabindex=参数(这里和z-index相似，计算tab起点)。

 

<div tabindex="0" hidefocus="true" onfocus='alert("获得焦点");' onblur='alert("失去焦点");' style="border:1px solid #ccc;width:200px;height:200px;outline=0;"></div>

 

看到这里你了解了吧！

另外，定义tab属性后，元素是默认会加上焦点虚线的，那么在IE中能够经过hidefocus="true"去除！其余浏览器经过outline=0进行去除！