# How to detect if an element has focus using JavaScript

By Atta Ur Rehman Shah (https://attacomsian.com/about). Published Sep 30, 2020, updated Sep 23, 2021. Topics: JavaScript.
Canonical URL: https://attacomsian.com/blog/javascript-dom-detect-if-an-element-has-focus

> Learn how to detect if an element has focus in JavaScript.

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

```javascript
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:

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

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