Поведение табуляции с использованием jQuery - PullRequest
Новая
       2

Поведение табуляции с использованием jQuery

0 голосов
/ 15 января 2012

У меня есть несколько текстовых полей в моей форме.Я не знаю их id значений.Я хочу изменить позицию курсора с существующей на следующее поле, нажав Enter.
Обратите внимание, что курсор может находиться в разных позициях в первый раз.

Что вы предлагаете?

1 Ответ

2 голосов
/ 15 января 2012

вы не предоставили свою разметку, поэтому я не могу делать предположения о вашей структуре (например, используя .next(), если они являются родственными элементами). Итак, предположим, что у вас есть input текст, попробуйте этот пример (для jQuery 1.7 +) 

$(document).ready(function() {

    var inputs = $('input[type="text"]');
    var len = inputs.length;

    inputs.on('keyup', function(evt) {
        if (evt.keyCode === 13) {
           var currentInput = inputs.index($(this));
           inputs.eq((currentInput < len - 1)
                     ? currentInput + 1
                     : 0).focus();

           evt.preventDefault();
        }
    });
});

Когда вы нажимаете ввод на последнем входе, первый вход будет сфокусирован (в цикле). Смотрите пример jsfiddle: http://jsfiddle.net/8ruDV/

...