Replacement for deprecated `keypress` DOM event

by

Since the event is deprecated, you should avoid using it in new code, and plan on removing it from old code. The W3C specification says this about deprecated features:

Features marked as deprecated are included in the specification as reference to older implementations or specifications, but are OPTIONAL and discouraged. Only features which have existing or in-progress replacements MUST be deprecated in this specification. Implementations which do not already include support for the feature MAY implement deprecated features for reasons of backwards compatibility with existing content, but content authors creating content SHOULD NOT use deprecated features, unless there is no other way to solve a use case. Other specifications which reference this specification SHOULD NOT use deprecated features, but SHOULD point instead to the replacements of which the feature is deprecated in favor. Features marked as deprecated in this specification are expected to be dropped from future specifications.

The specification of the keypress event says:

Warning The keypress event type is defined in this specification for reference and completeness, but this specification deprecates the use of this event type. When in editing contexts, authors can subscribe to the beforeinput event instead.

You can also use the keydown and/or keyup events. See What’s the difference between keyup, keydown, keypress and input events?

However, since beforeinput doesn’t yet have much support, if none of these other events fits your use case you’ll have to continue to use keypress for now (that’s the “unless there is no other way to solve a use case” exception in the spec).

More Related Contents:

  1. Pass mouse events through absolutely-positioned element
  2. How to make JavaScript execute after page load?
  3. How to stop event propagation with inline onclick attribute?
  4. Firing event on DOM attribute change
  5. How can I capture the right-click event in JavaScript? [duplicate]
  6. Getting value of HTML Checkbox from onclick/onchange events
  7. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  8. Adding an onclick event to a table row
  9. Change ‘s option and trigger events with JavaScript
  10. How do you detect the clearing of a “search” HTML5 input?
  11. Are event handlers in JavaScript called in order?
  12. HTML DOM: Which events do not bubble?
  13. Handling “onclick” event with pure JavaScript
  14. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  15. Fire oninput event with jQuery
  16. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  17. Changing website favicon dynamically
  18. How to append text to a “?
  19. Resize event for textarea?
  20. Attach a body onload event with JS
  21. Ignore mouse interaction on overlay image
  22. jQuery: how to change tag name?
  23. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  24. event.toElement in IE8 and Firefox?
  25. How to append text to a div element?
  26. JQuery html() vs. innerHTML
  27. Is there a cross-browser standard on-load event for HTML’s “object” tag?
  28. How to reduce the length of a video using JavaScript? [closed]
  29. Why I cant use jQuery functionality
  30. Manually dispatchEvent DOMContentLoaded

Leave a Comment