jQuery focus() method

jQuery Events

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

Focus events occur when an element gains focus (by clicking the mouse or selecting it via 'tab navigation').

This method is usually used withblur()Methods used together.

Syntax:

Trigger the focus event of the selected element:

$(selector).focus()

Attach a function to the focus event:

$(selector).focus(function)

Example

Trigger the focus event of <input>:

$(document).ready(function(){
　　$("input").focus();
});

Attach a function to the focus event (the focus event occurs when the <input> field gains focus):

$("input").focus(function(){
　　$(this).next("span").css("display", "inline").fadeOut(2000);
});

Attach a function to the focus event (the focus event occurs when the <input> field gains focus):

$("input").focus(function(){
　　$(this).css("background", "white");
});

Parameter Value

jQuery Events