Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.06.2020, 19:37
Аспирант
Отправить личное сообщение для Лунтик Посмотреть профиль Найти все сообщения от Лунтик
 
Регистрация: 12.06.2020
Сообщений: 35

Помогите пожалуйста !
Ндо сделать так чтобы по нажатии клвиши enter происходил переход между полями inpyt
<!DOCTYPE html>
<html>
<body>

    <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>

</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 18.06.2020, 20:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

Сообщение от Лунтик
Помогите пожалуйста !
давайте темам осмысленные названия, темы с призывом о помощи имеют большие шансы на удаление.
Ответить с цитированием
  #3 (permalink)  
Старый 18.06.2020, 20:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

переход по enter или tab зацикленно
Лунтик,
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>

    <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
   <p><input maxlength="200" size="5" id="user" ></p>
<script>
    const inps = document.querySelectorAll('[id="user"]');
    inps.forEach((input, i) => {
    const next = inps[++i % inps.length];
    input.addEventListener('keydown', event => {
    if(event.code == 'Enter' || event.code == 'Tab') (event.preventDefault(), next.select(), next.focus())
    });
    })
</script>
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 18.06.2020, 21:04
Аспирант
Отправить личное сообщение для Лунтик Посмотреть профиль Найти все сообщения от Лунтик
 
Регистрация: 12.06.2020
Сообщений: 35

А можно сделать так чтобы НИ сверху в низ а наоборот снизу в верх
Ответить с цитированием
  #5 (permalink)  
Старый 18.06.2020, 21:14
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

Сообщение от Лунтик
снизу в верх
const next = inps[(inps.length + --i) % inps.length];
Ответить с цитированием
  #6 (permalink)  
Старый 18.06.2020, 21:24
Аспирант
Отправить личное сообщение для Лунтик Посмотреть профиль Найти все сообщения от Лунтик
 
Регистрация: 12.06.2020
Сообщений: 35

Спасибо бальшое
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите пожалуйста!!! igrovik Общие вопросы Javascript 40 10.04.2018 13:53
Пожалуйста помогите сделать проверку выполнения vk Dodik Общие вопросы Javascript 3 01.03.2013 16:49
Помогите пожалуйста разобраться со скриптом Shalty Opera, Safari и др. 1 21.01.2013 16:41
Пожалуйста помогите решить задачу на java alex01rus1991 Элементы интерфейса 9 27.11.2012 01:02
Помогите, пожалуйста! rzhsasha Ваши сайты и скрипты 2 20.07.2009 21:07