The onfocusout event fires when a form field is about to lose focus as the user clicks out of it. The onfocusout event is the opposite of the onfocusin event.

The onfocusout event is supported by almost all HTML tags, but is mostly used in form fields.

<!-- HTML -->
<input id="my_input" type="email" name="email" onfocusout="my_function()" />

// JavaScript
function my_function() {
    alert('You have clicked out of the form field.');
}

Any of the following are valid.

onfocusout

document.getElementById('my_input').onfocusout = function() {my_function()};

function my_function() {
    alert('You have clicked out of the form field.');
}

focusout

// method 1
document.getElementById('my_input').addEventListener('focusout', function() {
    alert('You have clicked out of the form field.');
});

// method 2
document.getElementById('my_input').addEventListener('focusout', my_function);

function my_function() {
    alert('You have clicked out of the form field.');
}

Bubbles	yes
Can be cancelled	no

---