Кнопка "Найти" не срабатывает при нажатии Enter

nastroen
На сайте с 23.08.2013
Offline
77
2581

Есть поле для ввода запроса и кнопка "Найти":

<input type="text" id="queryInput" />

<input type="button" value="Найти" onclick="doSearch()" class="mapSearchSubmit"/>

Подскажите, пожалуйста, как сделать, чтобы кнопка "Найти" срабатывала не только при клике, но и при нажатии Enter после ввода текста?

AGRESSOR
На сайте с 04.07.2010
Offline
79
#1


<form onsubmit="return false">
<input type="text" id="queryInput" />
<input type="button" value="Найти" onclick="alert('Нажата кнопка')" class="mapSearchSubmit"/>
</form>
nastroen
На сайте с 23.08.2013
Offline
77
#2

Спасибо за вариант, но он не решает задачу из 1-го сообщения.

LEOnidUKG
На сайте с 25.11.2006
Online
1724
#3

<input onKeyPress="if (event.keyCode==10 || event.keyCode==13) {doSearch();}" type="text" id="queryInput" />

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
R
На сайте с 18.12.2009
Offline
92
#4

Только по клику уже работать врядли будет.

<input onKeyPress="if (event.keyCode==10 || event.keyCode==13) {doSearch();}" onclick="doSearch()" type="text" id="queryInput" />

LEOnidUKG
На сайте с 25.11.2006
Online
1724
#5
Только по клику уже работать врядли будет.

При чём тут клик на текст?! Клик на кнопку идёт.

R
На сайте с 18.12.2009
Offline
92
#6
LEOnidUKG:
При чём тут клик на текст?! Клик на кнопку идёт.

Прошу прощения за невнимательность.

M
На сайте с 15.03.2012
Offline
101
#7

<form onsubmit="doSearch(); return false;">

<input type="text" id="queryInput" />

<input type="submit" value="Найти" class="mapSearchSubmit"/>

</form>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий