Обработка нажатия Enter в Internet Explorer

01.06.2012, 12:21. **Показов** 3900. **Ответов** 3

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Возникла проблема с обработкой нажатия кнопки Enter.

Структура страницы:
Есть input-поле и кнопка submit (по определенным причинам в форму не объединены, т.е. оба находятся вне тэгов <form></form>

Пользователь вводит что-то в текстовое поле и жмет энтер или кликает на кнопку - на то и другое стоит отправка запроса через jQuery:
то есть в $(document).ready стоит обработка клика на кнопку и нажатия на энтер (нажатие при этом обрабатывается применимо ко всему документу, но стоит проверка фокуса текстового поля - срабатывает только в этом случае)

Вот так выглядит обработка энтера:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).keypress(function(e) {
    if(e.keyCode == 13) {
        if ($("#input").is(":focus")) {
            $('#result').html('<i>проверка...</i>');
            var txt = $("#input").val();
            $.ajax({
             url: './action.php',
             data: {input:''+txt},
             type: 'POST',
             success: function(data) {
                $("#result").html(data);
             }
            });
            $('#input').focus().select();
        }
    }
  });

Данный скрипт замечательно работает в Хроме, фаерфоксе и т.п., но происходит глюк в ИЕ, а именно при нажатии Энтер запрос отправляется два раза - ИЕ считает, что ему обязательно нужно выделить фокусом стоящую рядом с текстовым полем кнопку и при нажатии Enter сабмиттит несуществующую форму, запуская одновременно с этим реакцию на клик по кнопке.
То есть одновременно срабатывает и обработка Enter'а и реакция на клик по кнопке - потому и проблема

Принимающий запросы php-скрипт тупо не успевает обработать первый запрос и глючит, принимая оба, что, конечно же, убивает весь смысл работы скрипта (там стоит проверка, что при втором вводе одного и того же - идет отдельный сценарий обработки, но он иногда срабатывает, а иногда нет - в зависимости от нагрузки на сайт в данный момент).

Как правильно обработать нажатие Enter'а в таком случае, чтобы в IE запрос отправлялся только один раз?

@suharik · 01.06.2012, 13:16

верни false

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).keypress(function(e) {
    if(e.keyCode == 13) {
        if ($("#input").is(":focus")) {
            $('#result').html('<i>проверка...</i>');
            var txt = $("#input").val();
            $.ajax({
             url: './action.php',
             data: {input:''+txt},
             type: 'POST',
             success: function(data) {
                $("#result").html(data);
             }
            });
            $('#input').focus().select();
        }
    }
   return false;
  });

01.06.2012, 15:20

в таком варианте теперь на кнопки кроме энтера вообще не реагирует, а мне ж в поле текст вводить надо

@suharik · 04.06.2012, 10:25

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
$(document).keypress(function(e) {
    if(e.keyCode == 13) {
        if ($("#input").is(":focus")) {
            $('#result').html('<i>проверка...</i>');
            var txt = $("#input").val();
            $.ajax({
             url: './action.php',
             data: {input:''+txt},
             type: 'POST',
             success: function(data) {
                $("#result").html(data);
             }
            });
            $('#input').focus().select();
        }
   return false;
    }
 
  });

Чуть выше поставь)
Внутри if

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита табличной части. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

qte
	01.06.2012, 15:20
	в таком варианте теперь на кнопки кроме энтера вообще не реагирует, а мне ж в поле текст вводить надо