JavaScript Keyboard Events
Keyboard Events happen when the user presses a key on the keyboard.
Common Keyboard Events:
- keydown (key is pressed)
- keyup (key is released)
The keydown Event
Example
Show which key was pressed:
<input id="k" type="text" placeholder="Press a key">
<p id="demo"></p>
<script>
const k = document.getElementById("k");
// Let k listen for keydown
k.addEventListener("keydown", function (event) {
document.getElementById("demo").innerHTML = "You pressed: " + event.key;
});
</script>
Try it Yourself »
Detect Enter
<input id="enter" type="text" placeholder="Press Enter">
<p id="demo"></p>
<script>
const enter = document.getElementById("enter");
// Let enter listen for keydown
enter.addEventListener("keydown", function (event) {
if (event.key === "Enter") {
document.getElementById("demo").innerHTML = "Enter was pressed!";
}
});
</script>
Try it Yourself »
Note
keypress is old and not recommended.
Use keydown or keyup instead.
