Event jQuery Focus () By Example

Event jQuery Focus () By Example

jQuery focus() event

A jQuery Focus event occurs when an element receive focus. This is generated by a mouse click or navigating it.

This event is used for a limited set of elements such as elements such as <input>, <select> , and the <a href> etc.



This triggers the focus event for the selected elements.


Parameters of jQuery focus()

functionOptional. Specifies the function to run when the focus event occurs

Example of jQuery focus() event

Let’s see simple example with demonstrate jQuery focus() event.

<!doctype html>  
<html lang="en">  
  <meta charset="utf-8">  
  <title>Focus Example</title>  
  span {  
    display: none;  
   <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> 
 <p><input type="text"> <span>Focus starts.. Write your name.</span></p>  
<p><input type="password"> <span>Focus starts.. Write your password.</span></p>  
$( "input" ).focus(function() {  
  $( this ).next( "span" ).css( "display", "inline" ).fadeOut( 2000 );  

AuthorTuts Make

My name is Devendra Dode. I am a full-stack developer, entrepreneur, and owner of Tutsmake.com. I like writing tutorials and tips that can help other developers. I share tutorials of PHP, Javascript, JQuery, Laravel, Codeigniter, Vue JS, Angular JS, React Js, WordPress and Bootstrap from a starting stage.

Leave a Reply

Your email address will not be published. Required fields are marked *