keydown listener for body

Question

So I want to call a function when the space bar is pressed on the page. The only problem is thought that the function can NOT be called if it's focused in an input bar. Any ideas on how to do that?

This code works, but still fires the function when focused in an input bar

$(document).keydown(function(e){
    if (e.keyCode==32) {
     stopplay();
    }
});

Answer 1

update to this:

if (e.keyCode==32 && !$(e.target).is(':input')) {
 stopplay();
}

---

:input is handy if you have other input elems like select, textarea etc it selects all the input elements.

Answer 2

Demo

Use event.stopPropagation() method, to prevent keydown bubbling.

$(':input').keydown(function(e){
    e.stopPropagation();
});

Update:

If you have to apply the above to other input elements, use $(':input') selector.

Answer 3

Well you can look to see where the event originated:

$(document).keydown(function(e){
    if(!$(e.target).is("input")) {
        // it's NOT from an input!
    }
});

Answer 4

Use this code

$(document).keydown(function(e){
    if (e.keyCode==32 && !$(e.target).is("input")) {
     stopplay();
    }
});