Detect When A User Unfocuses On An Input Box Using Jquery?

Is it possible to detect when the user unfocuses an input box using jquery? I.e when they click off of it an event fires.

Solution 1:

I believe the blur function is what you are looking for.

$( "input[type=text]" ).blur( function() {
    // unfocus event
});

Solution 2:

The blur event will fire any time an element loses focus.

If you are trying to determine when any input element on the page loses focus, then use input as your selector.

$("input").blur(function() {
    //This event fires every time any input element on the page loses focus
});

If you are only trying to determine when a particular input element on the page loses focus, then using the element's id is the most efficient jQuery selector.

$("#exampleID").blur(function() {
    //This event fires if the element with an id of "exampleID" loses focus
});