Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

jQuery focus() Method

❮ jQuery Event Methods

Example

Attach a function to the focus event. The focus event occurs when the <input> field gets focus:

$("input").focus(function(){
  $("span").css("display", "inline").fadeOut(2000);
});
Try it Yourself »

Definition and Usage

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

The focus() method triggers the focus event, or attaches a function to run when a focus event occurs.

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


Syntax

Trigger the focus event for selected elements:

$(selector).focus() Try it

Attach a function to the focus event:

$(selector).focus(function) Try it

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

❮ jQuery Event Methods