[Edit]

JavaScript - detect when enter key was pressed

1 contributors

2 contributions

0 discussions

3 points

Created by:

Blythe-F

650

In this article, we would like to show you how to detect when the Enter key was pressed using JavaScript.

Quick solution:

xxxxxxxxxx
 
element.addEventListener('keydown', function(e) {
    if (e.key === 'Enter' || e.keyCode === 13) { // e.keyCode === 13 used for legacy
        console.log('Enter key pressed');
    }
});

Note: element object can be replaced with other objects like some node, window, document, etc.

Practical example

Edit

In this example, we present how to detect when Enter key was pressed using key property of the KeyboardEvent object.

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
  <div>Click here to set focus and press Enter key.</div>
  <script>
​
    window.addEventListener('keydown', function(e) {
        if (e.key === 'Enter' || e.keyCode === 13) { // e.keyCode === 13 used for legacy
            console.log('Enter key pressed');
        }
    });
​
  </script>
</body>
</html>