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

javascript detect key combination

Omar Atri answered on December 17, 2022 Popularity 9/10 Helpfulness 5/10

answer javascript detect key combination

related key combination in JavaScript.

javascript detect key combination

Comment

let pressedKeys = [];

document.addEventListener("keydown", handleKeydown);
document.addEventListener("keyup", handleKeyup);

function handleKeydown(e) {
  // check if the key already exists in the array
  if (!pressedKeys.includes(e.key)) {
    // add the key to the array once it's pressed
    pressedKeys.push(e.key);
    
    // if you want the code to execute only once if the
    // user holds the key down, put all the code inside this
    // if block, otherwise put it outside

    if (
      pressedKeys.includes("Control") &&
      pressedKeys.includes("c") &&
      pressedKeys.length == 2
    ) {
      e.preventDefault();
      console.log("Control + c");

      return;
    }

    if (
      pressedKeys.includes("Control") &&
      pressedKeys.includes("a") &&
      pressedKeys.includes("b") &&
      pressedKeys.length == 3
    ) {
      console.log("Control + a + b");

      return;
    }
  }
}

function handleKeyup(e) {
  // remove the key from the array once it's released
  const index = pressedKeys.indexOf(e.key);
  pressedKeys.splice(index, 1);
}

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: detect handle javascript key pressed

Link to this answer
Share Copy Link

Contributed on Dec 24 2022

Omar Atri

0 Answers Avg Quality 2/10

Closely Related Answers

key combination in JavaScript.

Comment

//youtube-video : 
// https://www.youtube.com/watch?v=O5fUMaIvhMg&ab_channel=YesMYdev
// javascript key combination, for this example 'ctrl + z'
//checker 
let combination  = false;
document.addEventListener('keydown', function(e){
  if( e.key == "Control" && !combination ){
    combination  = true;
    //you have 500ms second to execute the combination, 
    //otherwise you will have to press "ctrl (control)" again
    const timeExe =  setTimeout(() => {
      combination  = false;
    }, 500);
  }
  if((e.key == ("z" || "Z")) && combination ){
    combination  = false;
    console.log("the combination worked successfully");
  }
})

Popularity 8/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 17 2022

Mohamed

0 Answers Avg Quality 2/10

javascript detect key combination

Contents

More Related Answers

javascript detect key combination

Closely Related Answers

key combination in JavaScript.

Grepper

Documentation

Social

Legal

Contact

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