How to detect if an element has focus using JavaScript

To detect if the element has the focus in JavaScript, you can use the read-only property activeElement of the document object.

const elem = document.activeElement;

The activeElement returns the currently focused element in the document.

The following example demonstrates how you can use the activeElement property to check if the <input> element with class name .name has focus:

const elem = document.querySelector('.name');

if (elem === document.activeElement) {
    console.log('Element has focus!');
} else {
    console.log(`Element is not focused.`);
}

✌️ Like this article? Follow me on Twitter and LinkedIn. You can also subscribe to RSS Feed.