EN
JavaScript - detect when esc key was pressed
1
points
In this article, we would like to show you how to detect when the escape key was pressed using JavaScript.
Quick solution:
element.addEventListener('keydown', function(e) {
if (e.key === 'Escape' || e.keyCode === 27) { // e.keyCode === 27 used for legacy
console.log('Escape key pressed');
}
});
Practical example
In this example, we use the key property that returns the value of the pressed key and then we compare it to the 'Escape' to detect when the ESC key was pressed.
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<body>
<div>Click here to set focus and press Escape key.</div>
<script>
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' || e.keyCode === 27) { // e.keyCode === 27 used for legacy
console.log('Escape key pressed');
}
});
</script>
</body>
</html>