Событие нажатия 'Enter' в форме(input)?

Question

[Ilya Pavlov]

Есть форма :

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

Нужно чтобы когда на ней был фокус при нажатии Enter выполнялась функция и ничего не отправлялось и страница не перезагружалась. Как такое сделать ?

Comments

[Вячеслав Успенский]

Если вы под нажатием enter имеете ввиду отправку данных то на форму повесьте onSubmit.

Answer 1

[IceJOKER]

$("#id_of_input").keyup(function(event){
    if(event.keyCode == 13){
        event.preventDefault();

    }
});

Чистый js - stackoverflow.com/questions/905222/enter-key-press... - научитесь пользоваться поиском

p.s. если нужно перехватить просто отправку формы, а не именно Enter, то можно юзать onsubmit или submit(), что более разумно для этой цели )

Answer 2

[Андрей Чернышев]

В браузерах реализована такая логика, что при нажатии enter находять на элементах внутри form срабатывает событие submit, следовательно можно просто подписаться на него и всё.

$("form").on("submit", function(){
// code there
})

Answer 3

[4ikist]

<form id="form" onsubmit="fnc()">
  <input type="text"/>
</form>

<script>
function fnc(){
{
// что то делаем
}
return false;
}
</script>

можно return false перенести прямо в onsubmit.

Рекомендательно пользоваться байндингами.

Comments

[fogree]

return false; необходимо перенести в атрибут onsubmit, иначе работать не будет (проверил в Firefox и Chrome).