Как обработать любое нажатие по клавише Enter?

475
24 ноября 2016, 10:03

Есть следующий код:

 $("#fio_pokup").keydown(function(e){
    id_box = $(this).attr("id");
    quer = $("#fio_pokup").val();; //присваиваем переменную
if (e.keyCode == '13') { //если нажат Enter
if(quer!='') { //если переменная не пустая
$(this).addClass('true');
jQuery.ajax({
    type: "POST", //тип запроса
    url: "modules/kvitok/update.php", //куда далаем запрос
    dataType:"json", // тип json
    data:{
        value: quer, // данные
        sid: session_id, // сессионная переменная
        id: id_box //имя id атрибута
    }, //отправляем данные
    success:function(data){
        var res = jQuery.parseJSON(data); //парсим ответ
            if (res["msg"]=="Ok"){ // если все ОК
                $.unblockUI(); // отображаем всплывающее окно
                $.growlUI('Успешно!', 'Фамилия покупателя установлена!'); //сообщение в окне
            }
            else{ // если все плохо
                if (confirm(res["msg"])) { //показываем сообщение
                    close(); // закрываем окно
                }
            }
    },
    error:function (xhr, ajaxOptions, thrownError){
        alert(thrownError); //выводим ошибку
                          }
        });
 }}});

оно отлавливает нажатие Enter только в поле с id=fio_pokup. Делать на каждое поле аналогичный код - не по феншую, в связи с чем был введен id_box, который этот id и отправит на сервер, указав, с какого поля отправлены данные. Далее, форма такая:

<div id="kvitok">
<input type="text" size="50" maxlength="100" value="" id="fio_pokup"/><br>
<input type="text" size="50" maxlength="100" value="" id="adress_pokup"/>
</div>

Вопрос: Как отредактировать этот код, чтобы он: 1) Ловил любое нажатие Enter где div id="kvitok" 2) Вычислил id инпута 3) Вычислил value инпута

Answer 1

Используйте селектор на все инпуты: $("input"), пример:

$("input").keydown(function(e){
    if (e.keyCode == '13') { 
            id_box = $(this).attr("id");
            alert(id_box);
    }
});
READ ALSO
Какая разница между appendTo и append() ?

Какая разница между appendTo и append() ?

Не понятен результат данного вызова. .

587
Скрыть элемент при клике по кнопке

Скрыть элемент при клике по кнопке

Здравствуйте. Пытаюсь скрыть элемент block при нажатии на button, но код не работает.

827
Как стилизовать загружаемый контент iframe?

Как стилизовать загружаемый контент iframe?

Есть скрипт, модуль оплаты, он загружается с удалённого сервера, оттуда же и подгружается файл стилей. Всё содержимое находится в iframe.

1565
JS или CSS - Высота двух дивок равна наим. из них

JS или CSS - Высота двух дивок равна наим. из них

Есть две дивки с разной высотой (1). Необходимо сделать так, чтобы их высота была равна наименьшей из них (2).

462