change event not fired on return key

Question

I have a textbox with a jquery change event tied to it.

$('#txtAccountNo').change(function(){
        $('label[for="txtAccountNo"]').append('<span class="support">loading...</span>')
    });

The event works when the textbox loses focus, ie the user clicks out of it with the mouse or uses the tab key. But when the return key is pressed the event is not fired. Can anybody help me resolve this please?

Answer 1

This is standard behaviour for the change event. If you want to capture each Enter press you need to use the keypress event:

$('#txtAccountNo').on('change keypress', function(e) {
  if (e.type == 'change' || (e.type == 'keypress' && e.which == 13)) {
    $('label[for="txtAccountNo"]').append('<span class="support">loading...</span>')
  }
});