Breaking News: Grepper is joining You.com. Read the official announcement!

keyboard arrow event handling javascript

Wissam answered on January 30, 2022 Popularity 9/10 Helpfulness 9/10

answer keyboard arrow event handling javascript

keyboard arrow event handling javascript

Comment

// function responding to keyboard event
function control(e) {
  if (e.key !== undefined) {
    const pressedKey = e.key;
    switch (pressedKey) {
      case "ArrowLeft":
        console.log("Left arrow pressed");
        break;
      case "ArrowUp":
        console.log("Up arrow pressed");
        break;
      case "ArrowRight":
        console.log("Right arrow pressed");
        break;
      case "ArrowDown":
        console.log("Down arrow pressed");
    }
    // or alternatively
    // if (pressedKey === "ArrowLeft") {
    //   console.log("Left arrow pressed");
    // } else if (pressedKey === "ArrowUp") {
    //   console.log("Up arrow pressed");
    // } else if (pressedKey === "ArrowRight") {
    //   console.log("Right arrow pressed");
    // } else if (pressedKey === "ArrowDown") {
    //   console.log("Down arrow pressed");
  }
}

// Add event listener to deal with keyboard events through the control function
document.addEventListener("keyup", control);

Popularity 9/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: event-handling javascript keyboard

Link to this answer
Share Copy Link

Contributed on Jan 30 2022

Wissam

0 Answers Avg Quality 2/10

keyboard arrow event handling javascript

Contents

More Related Answers

keyboard arrow event handling javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.