Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY CYBERSECURITY DATA SCIENCE
     ❯   

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