JavaScript keyboard shortcuts with modifier keys?

Question

I have keyboard shortcut that executes some jQuery:

$('body').on('keyup', function(e) {
  if (e.keyCode == 70) {
    $('html').addClass('example');
    $('#example').focus();
    return false;
  }
});

When the user presses f, it'll execute the jQuery.

How can I change the keyCode so instead of it being f, I'd like it to be when the user presses alt + f?

This is what I tried:

$('body').on('keyup', function(e) {
  if (e.keyCode == 18 && 70) {
    $('html').addClass('example');
    $('#example').focus();
    return false;
  }
});

But it didn't work.

possible duplicate of [How can i detect keyboard modifier(ctrl or Shift) through javascript](http://stackoverflow.com/questions/13539493/how-can-i-detect-keyboard-modifierctrl-or-shift-through-javascript) — James Montagne, Apr 09 '13 at 17:05

score 1 · Accepted Answer · answered Apr 09 '13 at 17:02

1

Keyboard events have attributes for the modifier keys:

if (e.keyCode == 18 && e.altKey) {

}

answered Apr 09 '13 at 17:02

Wogan

70,277
5
35
35

Ah, I had no idea. Thanks! – user2203362 Apr 09 '13 at 17:13

score 0 · Answer 2 · answered Apr 09 '13 at 17:03

0

$('#example') selects the ID example. Use $('.example') instead. Also you should use e.keyCode == 70 && e.altKey.

answered Apr 09 '13 at 17:03

PurkkaKoodari

6,703
6
37
58

`#example` was just an example although I am using an idea because the element is specific. – user2203362 Apr 09 '13 at 17:13

JavaScript keyboard shortcuts with modifier keys?

2 Answers2