andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rename language articles

Browse Source
This commit is contained in:
Angelos Chalaris
2023-05-18 23:57:15 +03:00
parent 45d1fa023a
commit 2d58c1dfd7
48 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
snippets/js/s/select-focused-dom-element.md Normal file
View File

@ -0,0 +1,20 @@
---
title: "Tip: Select the focused DOM element"
shortTitle: Focused DOM element
type: tip
language: javascript
tags: [browser]
author: chalarangelo
cover: horse-sunset
excerpt: Here's a quick and easy way to select the currently focused DOM element in JavaScript.
dateModified: 2022-10-23T05:00:00-04:00
---
Finding the currently focused DOM element is trivial in modern CSS, using the `:focus` selector. You can also use it in JavaScript, in combination with `Document.querySelector()` to find the focused element. Yet, there's an even easier way to get the currently focused element in JavaScript, using the `Document.activeElement` property.
```js
const focusedElement = document.activeElement;
// `focusedElement` is the currently focused element
```
Note that focusable elements vary depending on browser and operating system. Additionally, you should remember that focus and selection (i.e. content highlighting) are not the same thing.