JS 焦点事件

焦点事件会在页面元素获得或者失去焦点时触发。利用这些事件并与document.hasFocus()方法及document.activeElememt属性配合，可以知晓用户在页面上的行踪。
六个焦点事件

blur:在元素失去焦点时触发。这个事件不会冒泡。所有浏览器都支持他。
DOMFocusIn:在元素获得焦点时触发。这个事件与HTML事件focus等价，但它冒泡。只有Opera支持这个事件。ＤＯＭ３级事件肥企鹅了DOMfocusIn,选择了focusin.
DOMFocusOut:在元素失去焦点时触发。这个事件是ＨＴＭＬ事件blur的通用版本。只有Opera支持这个事件。DOM3 级事件废弃了DOMFocusOut,选择了focusout.
focus:在元素获得焦点时触发，这个事件不会冒泡，所有浏览器都支持他。
focusin:在元素获得焦点时触发。这个事件与HTML事件focus等价，但它冒泡。支持这个事件的浏览器有IE5.5+，Safari5.1+、Opera11.5+和Chrome
focusout:在元素失去焦点时触发，这个事件是HTML事件blur的通用版本。支持这个事件的浏览器有IE5.5+、Safari5.1+，Opera11.5+和Chrome
这一类事件的最主要的两个是focus和blur，他们都是JavaScript早起就得到所有浏览器支持的事件。这些时间最大的问题就是他们不会冒泡。因此，IE的focusin和focusout与Opera的DOMFocueIn和DOMFocusOut才会发生重叠。IE的方式最后被DOM3采纳为标准方式。
当焦点从页面的一个元素切换到另一个元素，回一次触发下列事件：
（1）focusout在市区焦点的元素上触发；
（2）focusin在获得焦点的元素上触发；
（3）blur在失去焦点的时间上触发；
（4）DOMFocusOut在失去焦点的元素上触发；
（4）focus在获得焦点的元素上触发；
（5）DOMFocusOut在获得焦点的元素上触发；、
要确定浏览器是否支持这些事件，可以使用下面的代码：

var isSupported = document.implementation.hasFeature("FocusEvent","3.0");