JS 事件（6）——事件类型——焦点事件

焦点事件

焦点事件会在页面元素获得焦点或失去焦点时触发。

 

要确定浏览器是否支持焦点事件，可以使用如下代码：

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

 

blur事件

在元素失去焦点时触发，不会冒泡，所有浏览器都支持。

 

focus事件

在元素获得焦点时触发，不会冒泡，所有浏览器都支持。

 

注意：即使blur事件和focus事件不冒泡，也可以在捕获阶段侦听到它们。

 

focusin事件

在元素获得焦点时触发，冒泡，IE5.5+、Safari5.1+、Opera11.5+、Chrome支持这个事件。

 

focusout事件

在元素失去焦点时触发，冒泡，IE5.5+、Safari5.1+、Opera11.5+、Chrome支持这个事件。

 

当焦点从页面中的一个元素移动到另一个元素，会依次触发下列事件：

（1）focusout

（2）focusin

（3）blur

（4）focus

其中，focusout、blur事件的目标是失去焦点的元素；focusin、focus事件的目标是获得焦点的元素。