Home » jQuery focus()

jQuery focus()

The jQuery focus event occurs when an element gains focus. It is generated by a mouse click or by navigating to it.

This event is implicitly used to limited sets of elements such as form elements like <input>, <select> etc. and links <a href>. The focused elements are usually highlighted in some way by the browsers.

The focus method is often used together with blur () method.


It triggers the focus event for selected elements.

It adds a function to the focus event.

Parameters of jQuery focus() event

Parameter Description
Function It is an optional parameter. It is used to specify the function to run when the element gets the focus.

Example of jQuery focus() event

Let’s take an example to demonstrate jQuery focus() event.

Test it Now


Focus starts.. Write your name.

Focus starts.. Write your password.

If you want to stop people from writing in text input box in the above example then try the following code.

It will disable to write in the text box.

Test it Now

Next TopicjQuery select()

You may also like