тестирование нажатия клавиши ENTER для отправки формы - PullRequest
0 голосов
/ 27 мая 2020

Это сводит меня с ума. Я создаю страницу для поиска в Википедии, поэтому у меня есть простая форма поиска. Я хочу захватить пользователя, нажимающего клавишу ввода на клавиатуре, а не нажимая кнопку поиска с помощью мыши, и я попробовал ВСЕ (я думаю), предложенное в ответах людям с тем же запросом (ie захват клавиши ввода), и ничего не работает. Не один. Что я делаю не так и какой код использовать? Заранее спасибо

HTML

<form id="theForm" class="searchForm centercontent">
<input type="search" name="search" value="" id="searchTerm" placeholder="search Wikipedia">
<button type="button" name="searchButton" id="btnSearch"><i class="fas fa-search"></i></button>
</form>

Я пробовал все это по отдельности (некоторые из них не имеют смысла, но я в отчаянии)

$('#searchTerm').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$('.searchTerm').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$(document).keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$('.searchForm').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$(form).keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$('#searchForm').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$(input).keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$('.search').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});
$('#search').keypress(function(e) {if (e.which == 13) {alert('key pressed');}});

1 Ответ

0 голосов
/ 27 мая 2020

Вам нужно изменить тип кнопки для отправки

<button type="submit" name="searchButton" id="btnSearch"><i class="fas fa-search"></i></button>

таким образом вам не нужно проверять нажатие клавиши Enter, она автоматически активируется

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...