关于javaScript的焦点事件

焦点事件

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

• blur：在元素失去焦点时触发。这个事件不会冒泡；所有浏览器都支持它
• DOMFocusIn：在元素获得焦点时触发。这个事件与HTML事件focus等价。但它冒泡。只有Opera支持这个事件。DOM3级废弃了DOMFocusIn，选择了focusin
• focus：元素在获得焦点时触发。这个事件不会冒泡；所有浏览器都支持它
• focusin：在元素获得焦点时触发。这个事件与HTMLfocus等价，但它冒泡。支持这个事件的浏览器有IE5.5+、Safari5.1+、Operar11.5+和Chrome
• focusout：在元素失去焦点时触发。这个事件与事件blur等价，但它冒泡。支持这个事件的浏览器有IE5.5+、Safari5.1+、Operar11.5+、Chrome
• focusout：在失去焦点的元素上触发

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

• focusout：在失去焦点的元素上触发
• focusin：在获得焦点的元素上触发
• blur：在失去焦点的元素上触发
• DOMFocusOut：在失去焦点的元素上触发
• foucs：在获得焦点的元素上触发
• DOMFocusIn：在获得焦点的元素上触发

blur、DOMFocusOut和focusout的事件目标是失去焦点的元素；而focus、DOMFocusIn和focusin的事件目标是获得焦点的元素。虽然focus和blur不冒泡，但可以在捕获节点侦听到