Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Циклический tabindex (https://javascript.ru/forum/events/48901-ciklicheskijj-tabindex.html)

chesterfobitt 21.07.2014 14:40

Циклический tabindex
 
Привет всем!
Попросили сделать переключение между элементами формы зацикленной, то есть после кнопки, при нажатии на tab фокус должен перемещаться на первый элемент формы.
Казалось бы все просто, но почему то, как раз на первый элемент с помощью "таба" фокусировка никак не происходит.

Вот пример:
http://jsfiddle.net/jbqP5/1/

Подскажите плз!!

рони 21.07.2014 16:39

Циклический tab
 
chesterfobitt,
<!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()
  	  {
  	    $("input.4").keydown(function(event)
  	      {
  	        if(event.which == 9) {
  	          event.preventDefault();
              $("input.1")[0].select();
              $("input.1")[0].focus();
  	        }
  	      }
  	    )
  	  }
  	);
  </script>
</head>
<body>
<input type="text" value="" data-last="" class="1" tabindex="1"><br /><br />
<input type="text" value="" data-last="" class="2" tabindex="2"><br /><br />
<input type="text" value="" data-last="" class="3" tabindex="3"><br /><br />
<input type="text" value="" data-last="" class="4" tabindex="4">
</body>
</html>

chesterfobitt 21.07.2014 16:52

Надо было искать под носом, а я думал сложнее) Спасибо!

рони 21.07.2014 16:54

chesterfobitt,
на всякий случай $("input.1").focusIn();-> i

chesterfobitt 21.07.2014 16:56

Да, я знаю, спасибо!


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