div 等效blur focus

默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的，经我长久论证因为他们不具有tab属性，所以只要我们创建tab，那么任何标签都可以具有tab属性。 

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

我们现在来让div拥有tab并具有onfucus和onblur属性！ 

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

1. <div tabindex="0" hidefocus="true" οnfοcus='alert("得到焦点");' οnblur='alert("失去焦点");' style="border:1px solid #ccc;width:200px;height:200px;outline=0;"></div>

   
   
   

复制代码运行代码(调试)  看到这里你了解了吧！ 

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

width和height属性不是必要的，可以去除

 

onfocus、onblur事件均不能够冒泡，因此在IE中无法进行事件代理（IE只支持冒泡方式），而在chrome、firefox中则可以将处理函数绑定

在事件捕捉阶段（即将addEventListener的最后一个参数设置为true）。

 

注意：要点击层才有效果，不然没有效果

--转自：http://cjh6311882.diandian.com/post/2012-08-15/40039317929