onkeypress и скрипт - JavaScript, Ajax

Armatus · 27.06.2012, 13:29

Пытаюсь сделать по нажатию клавиши (enter) срабатывание скрипта.
Вот код:

Код HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function find(val) {
window.open('http://www.google.ru/search?q='+val+'&sitesearch=bitcom32.ru&hl=ru');
}
</script>
</head>
<body>
<FORM name="find" id="find">
<input name="inp" type="text" onkeypress="find(document.find.inp.value)"><a href="javascript:find(document.find.inp.value)" ><div id="button">ПОИСК</div></a></form>
</body>
</html>

Вопросы. Что я приписал не правильно? и как прописать обработку события для Enter?

KPEATuBHO · 27.06.2012, 20:59

Если фокус установлен в поле ввода - нажатие на энтер во всех браузерах приведет к отправке формы. Понимаете на что я намекаю - вам ваш скрипт открытия надо ставить не на onkeypress поля, а на onsubmit формы. При этом после вызова скрипта, в обязательном порядке - return false; иначе форма, отправится, и страница перезагрузится - это анверное не то чего вы хотите.

P.S. <a href="javascript:find(document.find .inp.value)" ><div id="button">ПОИСК</div></a> - это очень плохо и семантически не верно, поставьте лучше submit и стилизуйте его так как хотите... И опять таки нажатие на сабмит будет приводить к вызову события при отправке формы, где мы перехватываем это событие, выполняем наш скрипт и отменяем отправку средствами return false;

Stilet · 27.06.2012, 21:39

Цитата:

Убери это. Форма тут ни к чему, если хочешь обработку на стороне клиента.

Виталий Желтяков · 27.06.2012, 21:48

Во-первых, загруженное окно не будет работать пока ему не будет передан фокус.
Во-вторых, используем не onkeypress, а onkeyup.

Armatus · 29.06.2012, 13:08

хочу обработку на стороне клиента =) Приведите примеры рабочие.

Armatus · 02.07.2012, 14:26

Есть у кого варианты?

27.06.2012, 20:59	#2
KPEATuBHO Форумчанин Регистрация: 03.09.2010 Сообщений: 197	Если фокус установлен в поле ввода - нажатие на энтер во всех браузерах приведет к отправке формы. Понимаете на что я намекаю - вам ваш скрипт открытия надо ставить не на onkeypress поля, а на onsubmit формы. При этом после вызова скрипта, в обязательном порядке - return false; иначе форма, отправится, и страница перезагрузится - это анверное не то чего вы хотите. P.S. <a href="javascript:find(document.find .inp.value)" ><div id="button">ПОИСК</div></a> - это очень плохо и семантически не верно, поставьте лучше submit и стилизуйте его так как хотите... И опять таки нажатие на сабмит будет приводить к вызову события при отправке формы, где мы перехватываем это событие, выполняем наш скрипт и отменяем отправку средствами return false; быстрый хостинг. недорогие домены.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
OnKeyPress ...	Vova777	Общие вопросы Delphi	31	18.10.2015 12:10
onkeypress	WerDinG	Помощь студентам	0	18.11.2011 21:28
OnKeyPress	aurora_87	Общие вопросы C/C++	3	15.01.2010 12:06
OnKeyPress из NumLock`а	Alex Cones	Общие вопросы Delphi	2	23.04.2009 20:08

27.06.2012, 21:48	#4
Виталий Желтяков Старожил Регистрация: 19.04.2010 Сообщений: 2,702	Во-первых, загруженное окно не будет работать пока ему не будет передан фокус. Во-вторых, используем не onkeypress, а onkeyup.

29.06.2012, 13:08	#5
Armatus Форумчанин Регистрация: 09.05.2009 Сообщений: 122	хочу обработку на стороне клиента =) Приведите примеры рабочие.

02.07.2012, 14:26	#6
Armatus Форумчанин Регистрация: 09.05.2009 Сообщений: 122	Есть у кого варианты?