Prevent JavaScript keydown event from being handled multiple times while held down

by

Edit: It is now fully supported in every browser. except for Internet Explorer

If browser compatibility is not your main concern*, you could try accessing the .repeat property of the KeyboardEvent, as documented here:
https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat

By doing something like this in your handler function:

function keyDown (e) {
  if (e.repeat) { return }

  // do stuff here
}

you could avoid the repeated keystrokes.

*: on the MDN site it states that it works in Firefox, and I have successfully used it in Chrome, so the two major browsers should have no problem with it

More Related Contents:

  1. how to make code valid without && operator?
  2. Discord bot simple editing its own message gives me error
  3. How to get 100% ADA compliance result in accessibility checker website https://webaccessibility.com? [closed]
  4. fixing slider on my website [closed]
  5. Npm Package Install Problem (found 23 vulnerabilities)
  6. What is the use of the JavaScript ‘bind’ method?
  7. form serialize javascript (no framework)
  8. What does ~~ (“double tilde”) do in Javascript?
  9. How to disable text selection using jQuery?
  10. Calling javascript function in iframe
  11. Selecting an element in iframe with jQuery
  12. How to store a javascript function in JSON
  13. Accessing JSON object keys having spaces [duplicate]
  14. HTML5 check if audio is playing?
  15. jQuery Selector + SVG Incompatible?
  16. Javascript: parse a string to Date as LOCAL time zone
  17. Recommended Vim plugins for JavaScript coding? [closed]
  18. Chrome sets cursor to text while dragging, why?
  19. Nested JSON objects – do I have to use arrays for everything?
  20. Dynamically Scrolling a Textarea
  21. JS Object this.method() breaks via jQuery
  22. Is jquery a javascript library or framework? [closed]
  23. key-value pairs in ng-options
  24. How to count the correct length of a string with emojis in javascript?
  25. Using page’s angular JS in chrome extension
  26. javaScript: Can a comma occur after the last set of values in an array?
  27. How do you properly promisify request?
  28. onclick=”javascript:func()” vs. onclick=”func()” [duplicate]
  29. Can keys in JavaScript objects only be strings?
  30. How can I reorder elements with JavaScript?

Leave a Comment