1

Сайт запаковывается Cordova и становится приложением для Android. Есть несколько input, форма в моем случае не подходит, все они без неё. Ибо у меня input 80шт, каждый в форму оборачивать? Можно и так, но придется с CSS поиграться, ибо мне не подходит отступы и перенос строки у формы. Все input у меня расставлены. Так вот, если input находится в form - то в телефоне при вводе значения, по клику Вперед/Enter/Перейти страница обновляется и экранная клавиатура скрывается. Если же просто input - то Вперед/Enter/Перейти, не работает.

Мне нужно только чтобы по клику Вперед/Enter/Перейти у input снимался фокус и клавиатура все таки скрылась, отправка с перезагрузкой страницы не очень то нужна. Как решить ума ни приложу. Помогите пожалуйста.

Понял одно, нужно JS скрипт, который по нажатию Enter снимал бы фокус с текущего элемента и не перекидывал на следующий, просто снял и всё. Интернет перерыл есть подобное, но сам слепить не смог. Если обернуть в форму и на компе и в телефоне работает, но это как бы отправка формы, не то немного. Мне просто нужно снимать фокус с полей. Отправлять ненужно, соответственно и форму не желательно использовать.

5
  • лови событие отправки формы и отменяй.
    – Alex78191
    9 мар 2018 в 22:00
  • Не до конца понимаю. Можешь поподробней? То есть мне нужно каждый мой input оборачивать формой? И того 80 форм. А если все таки формы, то скажем id и js для этого id и в нем вся суть? 11 мар 2018 в 8:09
  • можно в одну form положить
    – Alex78191
    11 мар 2018 в 11:52
  • Видишь фишка какая, я пробовал в одну форму. В таком случае появляется кнопка Далее, по нажатию переходит в след. input и только на последнем input Перейти, ну и перезагрузка страницы срабатывает. 11 мар 2018 в 15:56
  • можно сделать запрет отправки формы stackoverflow.com/questions/8664486/…
    – Alex78191
    11 мар 2018 в 23:36

1 ответ 1

0

По умолчанию фокус не переходит к следующему элементу по нажатию Enter. Можно отлавливать нажатие Enter и выполнять снимать фокус с input. Форма отправляется по нажатию Enter только если есть в форме есть поле ввода с типом submit.

document.querySelectorAll('input[type=text]').forEach(
  function(e) {
    e.addEventListener("keypress", function(e) {
      if (e.which == 13) {
        this.blur();
      }
    })
  });
<input type="text">
<input type="text">

12
  • Я встречал, такое не на jQuery. Вот это бы мне подошло. Лишний вес программы, а так же в вашем примере вовсе нужен интернет. 12 мар 2018 в 8:37
  • @АнтонИванов про интернет несправедливое замечание, так как ничего не мешает подключить локальный файл.
    – Alex78191
    12 мар 2018 в 9:10
  • Ну это опять же вес. Я вот набросал window.addEventListener ("keypress", function (e) { if (e.keyCode !== 13) return; }); Вот только нужно снять чем то фокус. atert подставлял Enter отлавливает. Но немного не то похоже, лучше когда конкретно на input скрипт направлен querySelector например 12 мар 2018 в 9:19
  • @АнтонИванов убрал jQuery.
    – Alex78191
    12 мар 2018 в 9:55
  • как только я собирался сообщить о том, что работает только первый input, как вы исправились. Большое вам спасибо. 12 мар 2018 в 9:57

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.