jQuery Focus Event

The focus event runs when an input, button, link, or another focusable control receives focus. It is useful for field guidance and accessible form feedback.

Syntax Top ↑

$( selector ).on( "focus", function (event) {
    // The element has received focus.
});

Show Guidance for Different Fields Top ↑

$( function () {
    $( "#t1" ).on( "focus", function () {
        $( "#d1" ).text( "Enter your name" );
    });

    $( "#t2" ).on( "focus", function () {
        $( "#d1" ).text( "Enter your email" );
    });
});

Open the focus-event demo →

Pair this topic with blur, which runs when focus leaves a control.

Subhendu Mohapatra

Author & Instructor at plus2net

I write and maintain practical tutorials on Python, PHP, SQL, JavaScript, HTML, jQuery, and web development at plus2net. The tutorials focus on clear explanations, working examples, and code that readers can test and adapt while learning.

About the author   Watch on YouTube

Connect: