.focusin()
Bind an event handler to the "focusin" event.
.focusin(function(eventObjectEvent))🡢 jQuery
function(eventObjectEvent)
| Function | A function to execute each time the event is triggered. |
.focusin(eventData, function(eventObjectEvent))🡢 jQuery
eventData
| Anything | An object containing data that will be passed to the event handler. |
function(eventObjectEvent)
| Function | A function to execute each time the event is triggered. |
.focusin()🡢 jQuery
This method is a shortcut for .on( "focusin", handler ) in the first two variations, and .trigger( "focusin" ) in the third.
The focusin event is sent to an element when it, or any element inside of it, gains focus. This is distinct from the focus event in that it supports detecting the focus event on parent elements (in other words, it supports event bubbling).
This event will likely be used together with the focusout event.
Watch for a focus to occur within the paragraphs on the page.
JS
<p><input type="text" /> <span>focusin fire</span></p>
<p><input type="password" /> <span>focusin fire</span></p>
CSS
span {
display: none;
}
HTML
$("p").focusin(function () {
$(this).find("span").css("display", "inline").fadeOut(1000);
});
DEMO