Mouse & Keyboard Events

Handling mouse and keyboard interactions.

Examples

Mouse Coordinates

Tracking mouse position on the screen.

document.addEventListener("mousemove", function(event) {
  document.getElementById("demo").innerHTML = 
  "X: " + event.clientX + " Y: " + event.clientY;
});

Keyboard Input

Detecting specific key presses.

document.addEventListener("keydown", function(event) {
  if (event.key === "Enter") {
    alert("Enter key pressed!");
  }
});

Modifier Keys

Checking if Shift, Alt, or Ctrl are pressed during a click.

document.addEventListener("click", function(event) {
  if (event.shiftKey) {
    alert("Shift + Click detected!");
  }
});

Test Your Knowledge

JavaScript Quiz

No quiz available for this topic yet.