Question

I want to detecting when a user clicks OUT of an input type Text Field, not in.

Here’s what I have but both events are firing on click inside (focus):

<input id="title" val="hello" />

$("#title").focusout(function() {
    console.log('inside');
}).blur(function() {
    console.log('outside');
});

Answer 1

You can bind your focus and blur event like so:

<input id="title" val="hello" type="text" />

$("#title").focus(function() {
    console.log('in');
}).blur(function() {
    console.log('out');
});

focusout isn’t necessary since it’s geared toward event bubbling for child elements: http://api.jquery.com/focusout/