Keyboard Events

Learn how JavaScript detects keyboard interactions such as pressing and releasing keyboard keys.

What are Keyboard Events?

Keyboard events are generated when a user interacts with the keyboard.

JavaScript provides events such as keydown and keyup to detect keyboard interactions.

Keyboard Event Flow

Common Keyboard Events

Example 1: Keyboard Event Information

A keyboard event contains useful information such as the event type, key value, and key code.

const event = {
    type: "keydown",
    key: "A",
    code: "KeyA"
};

console.log("Event Type:", event.type);
console.log("Key:", event.key);
console.log("Code:", event.code);

Example 2: Checking a Pressed Key

We can check the value of a key and perform an action based on that key.

const key = "Enter";

if (key === "Enter") {
    console.log("Enter key was pressed.");
}

Example 3: Detecting Different Keys

JavaScript can check different key values and execute different instructions.

const key = "ArrowUp";

if (key === "ArrowUp") {
    console.log("Up arrow was pressed.");
}
else {
    console.log("Another key was pressed.");
}