Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

jQuery focusout() Method

❮ jQuery Event Methods

Example

Set background color of a <div> element when the <div> element or any child elements loses focus:

$("div").focusout(function(){
  $(this).css("background-color", "#FFFFFF");
});
Try it Yourself »

Definition and Usage

The focusout event occurs when an element (or any elements inside it) loses focus.

The focusout() method attaches a function to run when a focusout event occurs on the element, or any elements inside it.

Unlike the blur() method, the focusout() method also triggers if any child elements lose focus.

Tip: This method is often used together with the focusin() method.


Syntax

$(selector).focusout(function)

Parameter Description
function Optional. Specifies the function to run when the focusout event occurs

❮ jQuery Event Methods