How does one capture a Mac’s command key via JavaScript?

by

EDIT: As of 2019, e.metaKey is supported on all major browsers as per the MDN.

Note that on Windows, although the ⊞ Windows key is considered to be the “meta” key, it is not going to be captured by browsers as such.

This is only for the command key on MacOS/keyboards.

Unlike Shift/Alt/Ctrl, the Cmd (“Apple”) key is not considered a modifier key—instead, you should listen on keydown/keyup and record when a key is pressed and then depressed based on event.keyCode.

Unfortunately, these key codes are browser-dependent:

  • Firefox: 224
  • Opera: 17
  • WebKit browsers (Safari/Chrome): 91 (Left Command) or 93 (Right Command)

You might be interested in reading the article JavaScript Madness: Keyboard Events, from which I learned that knowledge.

More Related Contents:

  1. How to trigger event in JavaScript?
  2. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  3. Getting the ID of the element that fired an event
  4. JavaScript, browsers, window close – send an AJAX request or run a script on window closing
  5. JavaScript global event mechanism
  6. Javascript domready?
  7. How do I normalize the CSS3 transition end events across browsers?
  8. How to make HTML element resizable using pure Javascript?
  9. What are passive event listeners?
  10. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  11. Browser event when downloaded file is saved to disk
  12. Javascript trick for ‘paste as plain text` in execCommand
  13. Want to add “addEventListener” on multiple elements with same class [duplicate]
  14. Is there a way to get SSL certificate details using JavaScript?
  15. JavaScript mapping touch events to mouse events
  16. Intercept all ajax calls?
  17. How to distinguish mouse “click” and “drag”
  18. adding multiple event listeners to one element
  19. Using this inside an event handler
  20. Why don’t audio and video events bubble?
  21. How do I clear this setInterval inside a function?
  22. html onchange event not working
  23. Can multiple event listeners/handlers be added to the same element using Javascript?
  24. How to detect CSS3 resize events
  25. Javascript change event on input element fires on only losing focus
  26. Responding to the onmousemove event outside of the browser window in IE
  27. JavaScript/jQuery event listener on image load IE issues
  28. onDeviceReady not firing in PhoneGap hello world app
  29. Detecting support for a given JavaScript event?
  30. In web browsers, what’s the difference between onblur and onfocusout?

Leave a Comment