真正讓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進行去除！