Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   при нажатии на enter (https://javascript.ru/forum/misc/35043-pri-nazhatii-na-enter.html)

qwermjk 29.01.2013 11:02

при нажатии на enter
 
Как отправить данные кнопкой enter когда нахожусь в фокусе input?

tsigel 29.01.2013 11:10

$('/*ваш инпут*/').keydown(function (e) {
    if (e.which == 13) {//13 - это код клавиши "Enter"
        $('/*Сумбит*/').click();
    }
}

С помощью такой конструкции можно назначить события на любую клавишу. Так можно делать смену раскладки и т.д. и т.п.

Таблица клавиш.

Vampir3 29.01.2013 15:48

<html>
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  </head>
  <body>
    <form action="" method="GET" id="form1">
      <input type="text" name="inp1" onkeydown="checkKey(event)" id="inp1" />
    </form>
    <script type="text/javascript">
      function checkKey(e) {
      	var inp = document.getElementById('inp1');
      	if(e.keyCode == "13") {
      			document.getElementById('form1').submit();
        }
      }
    </script>
  </body>
</html>

dmitriymar 29.01.2013 16:30

1 форма "отправляется " по событию сабмит
2 событие сабмит возникает
программно
при нажатии на кнопку сабмит
при нажатии на клавишу энтер, когда любой из элементов формы находится в фокусе

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

qwermjk 29.01.2013 18:42

Цитата:

Сообщение от dmitriymar
1 форма "отправляется " по событию сабмит

А если нет формы, а только один инпут и кнопка по клику которой отправляются данные методом $.post

dmitriymar 29.01.2013 18:44

Цитата:

Сообщение от qwermjk
А если нет формы, а только один инпут и кнопка по клику которой отправляются данные методом $.post

а как с такой страницей будет работать человек с отключенным яваскриптом? как поисковики доберутся до страницы с подгружаемым контентом?(если он есть) Есть определённые нормы сайтостроения
Не нужно придумывать трудности самостоятельно

Deff 29.01.2013 18:48

qwermjk,
Ну обернуть инпут в форму,
<script>
function CallAjax() {
  alert(document.getElementById('input').value); //Меняем на вызов Ajax
}
</script>
<form onsubmit="CallAjax();return false">
  <input id="input" type=text>
</form>

qwermjk 02.02.2013 18:49

Цитата:

Сообщение от dmitriymar
а как с такой страницей будет работать человек с отключенным яваскриптом?

Врядли обычные юзеры выключают javascript ... даже на сайте вк с выключенным яваскриптом ничего не сделать ...
Цитата:

Сообщение от dmitriymar
как поисковики доберутся до страницы с подгружаемым контентом?

А им на этой странице делать то и нечего, обычный php скрипт, генерирует текст из базы ...
Цитата:

Сообщение от dmitriymar
Есть определённые нормы сайтостроения

они уже давно устарели!
Цитата:

Сообщение от Deff
Ну обернуть инпут в форму,

не хочу лишний тег писать


Часовой пояс GMT +3, время: 13:57.