YouTip

[ Event Object](#) ## Example Execute JavaScript when the input field is about to lose focus: [Try it »](#) More examples are included at the bottom of this chapter. * * * ## Definition and Usage The onfocusout event occurs when an element is about to lose focus. **Note:** The onfocusout event is similar to the (#) event. The main difference is that the onblur event does not bubble. Therefore, if you need to check whether an element or its child element loses focus, you need to use the onfocusout event. **Note:** Although Firefox does not support the onfocusout event, you can use the capture listener event of (#) (using the optional _useCapture_ parameter of the addEventListener() method) to check whether an element or its child element loses focus. **Note:** The opposite event of the onfocusout event is the (#) event. * * * ## Browser Support | Event | | | | | | | --- | --- | --- | --- | --- | --- | | onfocusout | Yes | Yes | Yes | Yes | Yes | **Note:** The onfocusin event using HTML DOM syntax may not work correctly in Chrome, Safari, and Opera 15+ browsers. However, as an HTML element, it works correctly using the addEventListener() method. * * * ## Syntax In HTML: (#) In JavaScript (may not work in Chrome, Safari, and Opera 15+): _object_.onfocusout=function(){_myScript_};(#) In JavaScript, using the addEventListener() method: _object_.addEventListener("focusout", _myScript_);(#) **Note:** Internet Explorer 8 and earlier versions of IE do not support the [addEventListener()](#) method. * * * ## Technical Details | Bubbles: | Yes | | --- | | Cancelable: | No | | Event type: | FocusEvent | | Supported HTML tags: | All HTML elements, except: , ,
, , , , , , , , and