Example

Change background color of an input field when the div element (or any child elements of it) gets focus:

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

Try it yourself »

Definition and Usage

The focusin event occurs when an element gets focus (when selected by a mouse click or by "tab-navigating" to it).

The focusin() method specifies a function to run when a focusin event occurs on any child element of the selected elements.

Unlike the focus() method, the focusin() method triggers if any child element gets focus.

Syntax

$(selector).focusin(function())

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