Ловим нажатие Enter в нужном текстовом поле.


Данный код может использоваться, если вам необходимо отловить событие — нажатие на клавишу Enter при вводе текста в определенном текстовом поле. Данное событие — сигнал, что ввод данных закончен и их можно обрабатывать. Нажатие Enter для пользователей часто значительно удобнее, чем клик по кнопке, например, «Отправить» или «ОК».

Код для «ловли» такого события простой. Задействуем удобный jquery.

1
2
3
4
5
6
7
8
9
10
<script>
$(document).ready(function(){
	     	 $("#my_name").keypress(function(e){
	     	   if(e.keyCode==13){
	     	   //нажата клавиша enter - здесь ваш код
	     	   }
	     	 });
 
	     });
</script>

В данном случае обрабатываем поле с идентификатором «my_name». Обработчик события возвращает код нажатой клавиши Enter — 13.





Другие посты

Категория: jQuery

Комментарии (3)

 

  1. Сергей:

    что и где писать? не понятно. где само текстовое поле и само действе submit???

  2. admin:

    Мы же ловим клавишу Enter, а не нажатие на кнопку отправить. В данном случае, есть текстовое поле с именем (идентификатором id) «my_name». Если пользователь ввел что-то в него и «не уходя» с этого поля нажимает enter, то наш скрипт отловит это событие. Код вставляете в любое место на этой же странице. Но обычно javascript принято помещать между тегами head.

  3. Ярослав:

    Спасибо!
    быстро и просто.

Оставить комментарий