Question

I can use jQuery to bind a function to a keyup event within the context of an <input> element such that the event only fires when the <input> element is focused:

$('#my-input').keyup(function(e) {
  // only fires when the focus is on the <input> element
}

How do I bind a function to a keyup event outside the context of the input element? I want to be able to trigger a keyup event only when the <input> element is not focused:

$(':not(#my-input)').keyup(function(e) {
  // this code fires regardless of whether the input element is focused
}

Unfortunately, the function above is run regardless of whether the <input> box is focused.

Answer 1

$('#my-input').focus(function(){
 $('body').unbind('keyup');
}).blur(function(){
 $('body').keyup(function(e) {
  //do stuff
 });
});