Henrik Skogmo Henrik Skogmo - 18 days ago 5
Javascript Question

Javascript event triggered by pressing space

I am trying to get an event to trigger when I am on a page and press space, but I can't figure it out. Currently I am trying to use jQuery to accomplish a satisfying result.

I have tried using keydown, keyup and keypress. But it seems that you can only use it if you are actually inputting something to a form or field.

What I want is to trigger an alert when space is pressed.

Thank you in advance!

Answer

These events bubble up, so if you're trying to trigger the event wherever your focus is (ie. not in an input), just bind a handler on window:

$(window).keypress(function (e) {
  if (e.keyCode === 0 || e.keyCode === 32) {
    e.preventDefault()
    console.log('Space pressed')
  }
})