Question #632   Submitted by Answiki on 10/12/2021 at 10:42:07 AM UTC

In JavaScript, how to trigger event when a given element has focus?

Answer   Submitted by Answiki on 10/12/2021 at 10:45:10 AM UTC

The simplest way to trigger an event when a given element has focus is to use addEventListener('focus', ...) :


Here is an example :

// Get the element
var element = document.getElementById('myId');

// Trigger event if element has focus
element.addEventListener('focus', (event) => {
    // The element has focus
    // do awesome stuffs here 
    // ....
});

Log in or sign up to update this answer Login Signup
2 events in history
Answer by Answiki on 10/12/2021 at 10:45:10 AM

The simplest way to trigger an event when a given element has focus is to use addEventListener('focus', ...) :


Here is an example :

// Get the element
var element = document.getElementById('myId');

// Trigger event if element has focus
element.addEventListener('focus', (event) => {
    // The element has focus
    // do awesome stuffs here 
    // ....
});

Question by Answiki 10/12/2021 at 10:42:07 AM
In JavaScript, how to trigger event when a given element has focus?
# ID Query URL Count
Icons proudly provided by Friconix.