0

Здравствуйте. У меня есть текстовое поле, даже не textarea, а просто input, кнопки нету и не должно быть (так задумано). Мне нужно, чтобы когда нажимаешь на ENTER в текстовом поле, он выполнял ajax функцию.

<input placeholder='Введите сообщение...' id='txtmess'>

function gomess() { //Отправить сообщение
      var id = $("#idus").text();
      var txtmess = $("#txtmess").val();
        $.ajax({
          type: 'POST',
          url: '/obr/mess.php',
          data: 'idus='+ id +'&txt='+ txtmess,
          success: function(data) {
            alert(data);
          },
          error: function(xhr, str){
                alert(data);
            }
        });
}

Находил такую функцию onkeydown, но как ей воспользоваться не знаю... Подскажите какие-нибудь функции или желательно скрипт для примера.

1
  • А что мешает посмотреть пример в документации?
    – ilyaplot
    14 июл 2016 в 13:58

2 ответа 2

0

document.addEventListener('DOMContentLoaded', e => {
  document.querySelector('#txtmess').addEventListener('keydown', function(e){
    if('key' in e){
      if(e.key.toLowerCase() !== 'enter') // Если свойство KeyboardEvent.key не равно enter - выходим
        return;
    }else{
      if(e.keyCode !== 13) // Более грубое, но более поддерживаемое свойство, 13 - enter
        return;
    }
    
    // Иначе убираем поведение браузера и делаем свои делишки
    e.preventDefault();
    console.log('AJAX', this.value);
  });
});
<input placeholder='Введите сообщение...' id='txtmess'>

7
  • obrphp.js:3 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined 14 июл 2016 в 14:12
  • @СашаОсипов, видимо юзаете браузер без поддержки свойства key. Переписал пример под старые браузеры. Хотя лучше использовать Babel и писать нормальный код.
    – user207618
    14 июл 2016 в 14:18
  • ну не знаю, браузер вроде не старый... yandex.brower последняя версия 14 июл 2016 в 14:23
  • А вот на моем раз работает, на других то будет? 14 июл 2016 в 14:24
  • Во всех других - конечно нет, в большинстве - скорее всего да.
    – user207618
    14 июл 2016 в 14:26
0

Привяжи выполнение функции к кнопке, например:

document.onkeyup = function (e) {
        e = e || window.event;
        if (e.keyCode === 13) {
            alert("Вы нажали Enter!");
        }
        // Отменяем действие браузера
        return false;
    }
4
  • Дело в том, что кнопки не должно быть для стиля... Под hidden делать не желательно... Лишние строки. 14 июл 2016 в 14:05
  • @СашаОсипов, какая связь с кнопкой и ответом?
    – Grundy
    14 июл 2016 в 14:06
  • "Привяжи выполнение функции к кнопке" 14 июл 2016 в 14:06
  • я имел ввиду enter
    – Evgeniy A
    14 июл 2016 в 14:07

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.