Keydown Simulation in Chrome fires normally but not the correct key

by

So very very close…

You just needed to override the ‘which’ property. Here’s some sample code:

Podium = {};
Podium.keydown = function(k) {
    var oEvent = document.createEvent('KeyboardEvent');

    // Chromium Hack
    Object.defineProperty(oEvent, 'keyCode', {
                get : function() {
                    return this.keyCodeVal;
                }
    });     
    Object.defineProperty(oEvent, 'which', {
                get : function() {
                    return this.keyCodeVal;
                }
    });     

    if (oEvent.initKeyboardEvent) {
        oEvent.initKeyboardEvent("keydown", true, true, document.defaultView, false, false, false, false, k, k);
    } else {
        oEvent.initKeyEvent("keydown", true, true, document.defaultView, false, false, false, false, k, 0);
    }

    oEvent.keyCodeVal = k;

    if (oEvent.keyCode !== k) {
        alert("keyCode mismatch " + oEvent.keyCode + "(" + oEvent.which + ")");
    }

    document.dispatchEvent(oEvent);
}

Sample usage:

Podium.keydown(65);

Note: this code is not designed to work in IE, Safari, or other browsers. Well, maybe with Firefox. YMMV.

More Related Contents:

  1. Using Chrome, how to find to which events are bound to an element
  2. Create a file using Javascript in Chrome on client side
  3. Checkbox Check Event Listener
  4. window.focus() not working in Google Chrome
  5. Popstate on page’s load in Chrome
  6. HTML5 drop event doesn’t work unless dragover is handled
  7. How to detect if user has enabled full screen in browser
  8. How do I listen for triple clicks in JavaScript?
  9. Keycode is always zero in Chrome for Android
  10. How to to initialize keyboard event with given char/keycode in a Chrome extension?
  11. “Cannot read property of undefined” when using chrome.tabs or other chrome API in content script
  12. Colors in JavaScript console
  13. What exactly is the parameter e (event) and why pass it to JavaScript functions?
  14. style.display=’none’ doesn’t work on option tags in chrome, but it does in firefox
  15. What’s the difference between console.dir and console.log?
  16. Getting Error “Form submission canceled because the form is not connected”
  17. Pass mouse events through absolutely-positioned element
  18. jQuery equivalent of JavaScript’s addEventListener method
  19. How to include JavaScript file or library in Chrome console?
  20. Create shortcut to console.log() in Chrome
  21. onMouseMove get mouse position [duplicate]
  22. How to fire a change event on a HTMLSelectElement if the new value is the same as the old?
  23. Bug with Chrome’s localStorage implementation?
  24. HTML5 video – show/hide controls programmatically
  25. Cross-Origin XMLHttpRequest in chrome extensions
  26. How to get result of console.trace() as string in javascript with chrome or firefox?
  27. How can I stop jQuery.ajax() from logging failures to the console?
  28. onclick event function in JavaScript
  29. Capturing result of window.onbeforeunload confirmation dialog
  30. How to use “segments” mode at SourceBuffer of MediaSource to render same result at Chomium, Chorme and Firefox?

Leave a Comment