CODEWITHSUNDEEP
javascript
Pedro D.
Pedro D.

Reputation: 99

Interact with two keys

I have a code that interacts with one key, if you press it you will get a result, I would like to know if its possible to interact with two keys simultaneously for exemple pressing Ctrl and A and it get a result.

Thanks.

document.addEventListener('keydown', function(event) {
  if(event.keyCode == 17) {
    document.getElementById("key").innerHTML = "<img src=\"stick2.gif\">";
  }

  if(event.keyCode == 76 && 20) {    
    document.getElementById("key").innerHTML = "Get Money";
  }
});

document.addEventListener('keyup', function(event) {    
  document.getElementById("key").innerHTML = "<img src=\"shoot.jpg\">";
});

Upvotes: 2

Views: 53

Answers (3)

Alexander Elgin
Alexander Elgin

Reputation: 6965

document.addEventListener('keydown', function(event) {
  if(event.ctrlKey && (event.keyCode === 76)) {
    document.getElementById('key').innerHTML = 'Get Money';
  }
});

document.addEventListener('keyup', function() {    
  document.getElementById('key').innerHTML = 'Give It Back';
});
<div id="key"></div>

Upvotes: 1

Luchiro
Luchiro

Reputation: 53

In your event handler check if Control is down: http://www.w3schools.com/jsref/event_ctrlkey.asp

Upvotes: 0

Vicky Gonsalves
Vicky Gonsalves

Reputation: 11717

You can check with event.ctrlKey if it was pressed or not:

document.addEventListener('keydown', function(event) {
  console.log(event.ctrlKey)
}, false)

Upvotes: 1

Related Questions