Jquery change event

Question

I have a series of input fields and I want the focus to jump to the next field whenever the text of the current field has been change. My code looks like this:

inputs.change(function(){
            $(this).nextAll('input:first').focus();
        })

jsfiddle : http://jsfiddle.net/x6aqt/1/

Problem is that the script seems to be triggering the on blur event and not the on change event which kind of defeats the purpose. Is there anyway to make work as intended?

The change event fires when the field loses focus, if its value has changed. What are wanting to happen? Focus to jump to the next input when the value changes at all (try the `keyup` event)? — James Allardice, Jul 24 '12 at 08:02
@AnkitGautam - Obviously you would need some checks around it. You could also use the `input` event, supported in modern browsers. — James Allardice, Jul 24 '12 at 08:04

score 2 · Accepted Answer · answered Jul 24 '12 at 08:06

2

$("input").keyup(function(){
          if(this.defaultValue!=$(this).val()&&$(this).val()!='')
            $(this).nextAll('input:first').focus();
        })

Working Demo

answered Jul 24 '12 at 08:06

bugwheels94

30,681
3
39
60

Jquery change event

1 Answers1