Показать сообщение отдельно
  #1 (permalink)  
Старый 06.10.2014, 12:42
Аспирант
Отправить личное сообщение для myshara Посмотреть профиль Найти все сообщения от myshara
 
Регистрация: 25.06.2012
Сообщений: 37

Обход элементов формы по Enter
Доброго времени суток всем форумчанам!

Стоит такая задача-навесить ряд событий на кнопку Enter.

Есть элемент #dialog.
На нем есть ряд элементов input и button (кнопка одна "Oтправить")

1) Вызов диалога - нажалтие Enter.
2) Выбор из Datalist - нажатие Enter.
3) Переход к следующему полю input(button) - нажатие Enter.
4) Отправка формы на сервер - нажатие Enter.

Отследить нажатие кнопки Enter можно:
<script type="text/javascript">
$(document).bind('keydown', function(event) 
{if (event.keyCode == 13) my_fn(this)};});
</script>


А как быть дальше?
Как определить открыт Datalist или нет и по нажатию Enter выбрать из Datalist?
Как перейти к следующему input? Может стоит создать массив с именами input и переходить по ним?

Заранее благодарен!

P.S.:
Просьба - не убеждайте меня что все события нужно развести на разные клавиши (ins - вызов диалога, tab - переход по input, enter - выбор из списка и отправка формы на сервер).
Задача конкретная и "суровая" - все по кнопке Enter.

Еще раз спасибо.
Ответить с цитированием