Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Табуляция по нажатии Enter (https://javascript.ru/forum/dom-window/52530-tabulyaciya-po-nazhatii-enter.html)

lewa_yun 23.12.2014 13:04

Табуляция по нажатии Enter
 
Доброго времени суток!
Есть поля, много полей, 40>.
Задача в том, что бы по нажатию клавиши Enter, фокус переходил на следующее поле, так же как это происходит по нажатию на Tab. Желательно что бы скрипт был не громоздким... Знания JavaSctipt на уровне переменных и некоторых функций. Надеюсь на помощь.

рони 23.12.2014 13:50

lewa_yun,
переход по enter или таб зацикленно
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
 $(function() {
    var a = $("input");
    a.each(function(c, b) {
        b = $(b);
        var d = c + 1 == a.length ? a.eq(0) : a.eq(c + 1);
        b.keydown(function(a) {
            if (13 == a.which || 9 == a.which) a.preventDefault(), d.select(), d.focus()
        })
    })
});
  </script>
</head>
<body>
<input type="text" value="" ><br /><br />
<input type="text" value="" ><br /><br />
<input type="text" value="" ><br /><br />
<input type="text" value="" >
</body>
</html>


Часовой пояс GMT +3, время: 14:09.