Emulate a space bar keypress

Question

I've searched everywhere, read the docs on MDN, but I can't seem to solve this problem.

I want to emulate the client pressing the space bar using JavaScript.

I've tried:

var e = new KeyboardEvent('keydown');
e.which = e.keyCode = 32; // 32 is the keycode for the space bar
document.dispatchEvent(e);

However this hasn't worked for whatever reason; if the following event handler is put before the above code:

document.addEventListener('keydown', function(ev){
  console.log(ev.which);
});

0 is logged to the console.

For some reason, the event is triggered but the key is always 0

Can someone help me fix it?

@Satpal The API used in the answer there is deprecated now. I have tried using the answer but it failed. — Oliver
– Oliver, Commented Dec 1, 2015 at 10:14

R Lam · Accepted Answer · 2015-12-01 10:23:19Z

8

You may do on this way

var e = new KeyboardEvent('keydown',{'keyCode':32,'which':32});

answered Dec 1, 2015 at 10:23

R Lam

4032 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Warning for others finding this: this is not IE compatible. There is more discussion on how to get around that here: stackoverflow.com/questions/26596123/…

J. Gobet · Accepted Answer · 2015-12-01 10:30:29Z

5

Create your event variable like that :

var e = new Event('keydown');

answered Dec 1, 2015 at 10:30

J. Gobet

1791 silver badge5 bronze badges

Better JSfiddle, we can see something there.