## .focusout( handler )Returns: jQuery

Description: Bind an event handler to the "focusout" JavaScript event.

- #### version added: 1.4.focusout( handler )

  - handler
    Type: Function( Event eventObject )
    A function to execute each time the event is triggered.

- #### version added: 1.4.3.focusout( [eventData ], handler )

  - eventData
    Type: Anything
    An object containing data that will be passed to the event handler.
  - handler
    Type: Function( Event eventObject )
    A function to execute each time the event is triggered.

- #### version added: 1.0.focusout()

  - This signature does not accept any arguments.

This method is a shortcut for `.on( "focusout", handler )` when passed arguments, and `.trigger( "focusout" )` when no arguments are passed.

The `focusout` event is sent to an element when it, or any element inside of it, loses focus. This is distinct from the blur event in that it supports detecting the loss of focus on descendant elements (in other words, it supports event bubbling).

This event will likely be used together with the focusin event.

### Additional Notes:

- As the `.focusout()` method is just a shorthand for `.on( "focusout", handler )`, detaching is possible using `.off( "focusout" )`.

## Example:

Watch for a loss of focus to occur inside paragraphs and note the difference between the `focusout` count and the `blur` count. (The `blur` count does not change because those events do not bubble.)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
    <!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>focusout demo</title>  <style>  .inputs {    float: left;    margin-right: 1em;  }  .inputs p {    margin-top: 0;  }  </style>  <script src="https://code.jquery.com/jquery-1.10.2.js"></script></head><body> <div class="inputs">  <p>    <input type="text"><br>    <input type="text">  </p>  <p>    <input type="password">  </p></div><div id="focus-count">focusout fire</div><div id="blur-count">blur fire</div> <script>var focus = 0,  blur = 0;$( "p" )  .focusout(function() {    focus++;    $( "#focus-count" ).text( "focusout fired: " + focus + "x" );  })  .blur(function() {    blur++;    $( "#blur-count" ).text( "blur fired: " + blur + "x" );  });</script> </body></html>

#### Demo: