JS - Simulate keyboard events declaratively using the KeyboardEvent API - @see: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/KeyboardEvent -- @example: https://stackoverflow.com/a/11885974 --- DOES NOT WORK WITH TAB!: https://stackoverflow.com/questions/1601593/fire-tab-keypress-event-in-javascript

index.html

<div id="output" style="background:green;min-height:40px">
</div>

simulateKeyEvent.js

var output = document.getElementById("output");
      
output.prepend("'KeyboardEvent' constructor status: " + (/\[native\s+code\]/i.test(KeyboardEvent + "") ? "NATIVE" : "POLYFILL"))

document.addEventListener("keydown", function(e) {
     output.insertAdjacentHTML("afterbegin", 
        "<b>char:&nbsp;</b>" + e.char + "&nbsp;|&nbsp;" +
        "<b>key:</b>&nbsp;" + e.key + "&nbsp;|&nbsp;" +
        "<b>shiftKey:</b>&nbsp;" + e.shiftKey + "&nbsp;|&nbsp;" +
        "<b>keyCode:</b>&nbsp;" + e.keyCode + "&nbsp;|&nbsp;" +
        "<b>location:</b>&nbsp;" + e.location + "<br/>") ;
      
      e.preventDefault();
});

function simulateKeyEvent(character) {
  var keyEvent = new KeyboardEvent("keydown", {key : character, char : character, shiftKey: true});

  document.dispatchEvent(keyEvent);
                    
  console.log('run event')
}

simulateKeyEvent('a');
simulateKeyEvent('b');
simulateKeyEvent('c');

// You should see c, b, and a in the list in that order