jQuery focusin() Method

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

$("div").focusin(function(){
$(this).css("background-color", "#FFFFCC");
});

Definition and Usage

The focusin event occurs when an element (or any elements inside it) gets focus.

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

Unlike the focus() method, the focusin() method also triggers if any child elements get focus.

Tip: An element gets focus when selected by a mouse click or by "tab-navigating" to it.

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

$(selector).focusin(function)

Parameter	Description
function	Required. Specifies the function to run when the focusin event occurs.