jQuery: How to capture the TAB keypress within a Textbox

Question

I want to capture the TAB keypress, cancel the default action and call my own javascript function.

Answer 1

$('#textbox').live('keypress', function(e) {
    if (e.keyCode === 9) {
        e.preventDefault();
        // do work
    }
});

Answer 2

Edit: Since your element is dynamically inserted, you have to use live as in your example, but you should bind it to the keydown event, because as @Marc comments, in IE the keypress event doesn't capture non-character keys:

$('#textbox').live('keydown', function(e) { 
  var keyCode = e.keyCode || e.which; 

  if (keyCode == 9) { 
    e.preventDefault(); 
    // call custom function here
  } 
});

Check an example here.