Trigger keyboard event in vanilla javascript

Question

I am trying to follow currently recommended way of triggering dom events (using event constructors that is) and it does not work for me (in Chrome)

This is my code (http://jsfiddle.net/artemave/shg7ot58/):

document.addEventListener(function(e) {
    alert("hallo");
});

var e = new KeyboardEvent("keydown", {
    key: "Escape", // keyCode: 27 also does not work
    bubbles: true,
    cancelable: true
});
document.dispatchEvent(e);

Answer 1

Add event type, keydown to the addEventListener method to listen for your custom dispatched event.

document.addEventListener('keydown', function(e) {
    alert("hallo");
}); 

Fiddle: http://jsfiddle.net/shg7ot58/1/