onKeyPress Vs. onKeyUp and onKeyDown

by

NOTE KeyPress is now deprecated. Use KeyDown instead.

KeyPress, KeyUp and KeyDown are analogous to, respectively: Click, MouseUp, and MouseDown.

  1. Down happens first
  2. Press happens second (when text is entered)
  3. Up happens last (when text input is complete).

The exception is webkit, which has an extra event in there:

keydown
keypress
textInput     
keyup

Below is a snippet you can use to see for yourself when the events get fired:

window.addEventListener("keyup", log);
window.addEventListener("keypress", log);
window.addEventListener("keydown", log);

function log(event){
  console.log( event.type );
}

More Related Contents:

  1. How to make JavaScript execute after page load?
  2. Firing event on DOM attribute change
  3. Event when window.location.href changes
  4. Why is the DOMSubtreeModified event deprecated in DOM level 3?
  5. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  6. How do I programmatically click on an element in JavaScript?
  7. Adding an onclick event to a table row
  8. Pass mouse events through absolutely-positioned element
  9. Unable to understand useCapture parameter in addEventListener
  10. Using this inside an event handler
  11. Change ‘s option and trigger events with JavaScript
  12. ES6 Class: access to ‘this’ with ‘addEventListener’ applied on method [duplicate]
  13. Native JS equivalent to jQuery delegation
  14. Are event handlers in JavaScript called in order?
  15. HTML DOM: Which events do not bubble?
  16. Do I need to remove event listeners before removing elements?
  17. link element onload
  18. Wait for iframe to load in JavaScript
  19. event.toElement in IE8 and Firefox?
  20. cloning javascript event object
  21. Is there any way of passing additional data via custom events?
  22. How browser executes Javascript and renders asynchronously
  23. In web browsers, what’s the difference between onblur and onfocusout?
  24. Replacement for deprecated `keypress` DOM event
  25. Manually dispatchEvent DOMContentLoaded
  26. onclick function runs automatically
  27. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  28. How to get nodes lying inside a range with javascript?
  29. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  30. JavaScript: get the current executing node? [duplicate]

Leave a Comment