.keyCode vs. .which

by

Note: The answer below was written in 2010. Here many years later, both keyCode and which are deprecated in favor of key (for the logical key) and code (for the physical placement of the key). But note that IE doesn’t support code, and its support for key is based on an older version of the spec so isn’t quite correct. As I write this, the current Edge based on EdgeHTML and Chakra doesn’t support code either, but Microsoft is rolling out its Blink– and V8– based replacement for Edge, which presumably does/will.

Some browsers use keyCode, others use which.

If you’re using jQuery, you can reliably use which as jQuery standardizes things; More here.

If you’re not using jQuery, you can do this:

var key = 'which' in e ? e.which : e.keyCode;

Or alternatively:

var key = e.which || e.keyCode || 0;

…which handles the possibility that e.which might be 0 (by restoring that 0 at the end, using JavaScript’s curiously-powerful || operator).

More Related Contents:

  1. Why is my javascript not working
  2. Setting “checked” for a checkbox with jQuery
  3. event.preventDefault() vs. return false
  4. Inserting a text where cursor is using Javascript/jquery
  5. JavaScript: filter() for Objects
  6. jQuery event to trigger action when a div is made visible
  7. jQuery.parseJSON throws “Invalid JSON” error due to escaped single quote in JSON
  8. How to fire an event on class change using jQuery?
  9. Check with jquery if div has overflowing elements
  10. Playing sound notifications using Javascript?
  11. Show loading image while $.ajax is performed
  12. How can I bind to the change event of a textarea in jQuery?
  13. jQuery Ajax requests are getting cancelled without being sent
  14. Detect if user is using webview for android/iOS or a regular browser
  15. How to select all checkboxes with jQuery?
  16. Popup window to return data to parent on close
  17. IP to Location using Javascript
  18. How is a non-breaking space represented in a JavaScript string?
  19. What is the difference between JavaScript and jQuery? [closed]
  20. How can I make a button redirect my page to another page? [duplicate]
  21. jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
  22. jQuery get html of container including the container itself
  23. Change placeholder text
  24. Prototype equivalent for jQuery live function
  25. How to create a new img tag with JQuery, with the src and id from a JavaScript object?
  26. How to iterate a table rows with JQuery and access some cell values?
  27. Convert JavaScript variable value to csv file
  28. How to stop user from printing webpages? using javascript or jquery
  29. How can I compare two color values in jQuery/JavaScript?
  30. How to avoid conflict between JQuery and Prototype

Leave a Comment