Отправка данных из поля нажатием на Enter

124
05 декабря 2018, 21:40

Какие есть варианты реализации возможности, чтобы при вводе данных в поле на сайте их можно было отравлять не только кнопкой, но и нажатием Enter?

Answer 1

Самый правильный вариант — обернуть все поля ввода (и кнопку тоже) в тег <form>. Далее при необходимости можно подписаться на событие submit (элемента <form>), которое будет возникать и при нажатии на кнопку, и при нажатии Enter.

Обратите внимание, что действие по умолчанию при отправке формы — отправка запроса с последующей перезагрузкой страницы, при необходимости можно написать свою логику обработки, не забыв отменить стандартное поведение (вызвав метод event.preventDefault()).

const form = document.querySelector('form'); 
form.addEventListener('submit', event => { 
  // данный обработчик вызовется и при нажатии на кнопку, и при нажатии enter (когда фокус в <input>) 
});
<form> 
  <input> 
  <button>Submit</button> 
</form>

READ ALSO
Как лучше сверстать элемент

Как лучше сверстать элемент

друзья! Недавно появилась задачкаНужно сверстать вот такой блок как на картинке

160
НЕ подключается CSS файл к HTML

НЕ подключается CSS файл к HTML

Проблема заключается в том, что я не могу подключить CSS файл к HTML

144
Не работает ссылка для открытия файла

Не работает ссылка для открытия файла

Есть такая конструкция:

131
Помогите выровнять блоки сайта

Помогите выровнять блоки сайта

Помогите выровнять блоки сайта

152