Javascript onkeydown event fire only once?

by

You could set a flag:

var fired = false;

element.onkeydown = function() {
    if(!fired) {
        fired = true;
        // do something
    }
};

element.onkeyup = function() {
    fired = false;
};

Or unbind and rebind the event handler (might be better):

function keyHandler() {
     this.onkeydown = null;
     // do something
}

element.onkeydown = keyHandler;

element.onkeyup = function() {
    this.onkeydown = keyHandler;
};

More information about “traditional” event handling.

You might also want to use addEventListener and attachEvent to bind the event handlers. For more information about that, have a look at quirksmode.org – Advanced event registration models.

More Related Contents:

  1. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  2. Getting the ID of the element that fired an event
  3. JavaScript, browsers, window close – send an AJAX request or run a script on window closing
  4. window.onbeforeunload and window.onunload is not working in Firefox, Safari, Opera?
  5. JavaScript global event mechanism
  6. Why is the DOMSubtreeModified event deprecated in DOM level 3?
  7. What are passive event listeners?
  8. Using Chrome, how to find to which events are bound to an element
  9. Intercept all ajax calls?
  10. How to block users from closing a window in Javascript?
  11. Capture the close event of popup window in JavaScript
  12. Ignore mouse interaction on overlay image
  13. How can I detect an address bar change with JavaScript?
  14. How do I clear this setInterval inside a function?
  15. Mozilla firefox not working with window.onbeforeunload
  16. html onchange event not working
  17. How to detect CSS3 resize events
  18. Looping through files for FileReader, output always contains last value from loop
  19. Javascript change event on input element fires on only losing focus
  20. event.target on Firefox
  21. Responding to the onmousemove event outside of the browser window in IE
  22. JavaScript/jQuery event listener on image load IE issues
  23. onDeviceReady not firing in PhoneGap hello world app
  24. onclick event function in JavaScript
  25. Keycode is always zero in Chrome for Android
  26. Capturing result of window.onbeforeunload confirmation dialog
  27. The “onchange” event does not work with “value” change in “text input” object
  28. Clicking a button on a page using a Greasemonkey/userscript in Chrome
  29. Replacement for deprecated `keypress` DOM event
  30. Manually dispatchEvent DOMContentLoaded

Leave a Comment