Используйте Enter Keydown Event для перехода к следующему входу

Question

У меня есть большая форма. Как пользователи подставляя значения Я хотел бы для ввести ключ взять на себя такое же поведение, как вкладки ключа (то есть я хочу, чтобы переместить пользователь к следующему input элементу, когда ввести нажатие клавиши.

из-за способом моего HTML форма структурирована на различные секции я не могу взять на себя следующий input является родственным текущим входом. Кроме того, классы и идентификаторы входов не последовательны.

JQuery :

$("input").bind("keydown", function (event) { 
    document.getElementById('keys').innerHTML = document.getElementById('keys').innerHTML + event.which + " "; 
    if (event.which === 13) { 
     event.stopPropagation(); 
     event.preventDefault(); 
     var e = $.Event("keydown"); 
     e.which = 9; 
     $(this).trigger(e); 
    } 
}); 

JSFIDDLE

Answer 1

Это сделает вашу работу

$("input").not($(":button")).keypress(function (evt) { 
      if (evt.keyCode == 13) { 
       iname = $(this).val(); 
       if (iname !== 'Submit') { 
        var fields = $(this).parents('form:eq(0),body').find('button, input, textarea, select'); 
        var index = fields.index(this); 
        if (index > -1 && (index + 1) < fields.length) { 
         fields.eq(index + 1).focus(); 
        } 
        return false; 
       } 
      } 
     }); 

example