Форум

qwermjk · #1 (**permalink**) 29.01.2013, 11:02

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

tsigel · #2 (**permalink**) 29.01.2013, 11:10

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

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

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

Vampir3 · #3 (**permalink**) 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 · #4 (**permalink**) 29.01.2013, 16:30

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

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

qwermjk · #5 (**permalink**) 29.01.2013, 18:42

Сообщение от dmitriymar

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

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

dmitriymar · #6 (**permalink**) 29.01.2013, 18:44

Сообщение от qwermjk

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

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

Deff · #7 (**permalink**) 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 · #8 (**permalink**) 02.02.2013, 18:49

Сообщение от dmitriymar

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

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

Сообщение от dmitriymar

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

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

Сообщение от dmitriymar

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

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

Сообщение от Deff

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

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

Форум

Справочник

Discord чат

Курсы javascript