JQuery События ввода # или @

174
09 января 2018, 13:34

В поле ввода нужно отслеживать ввод символов # или @. Если они введены - подтягиваем соответственные списки по аякс запросу.

$jq( "#target" ).keyup(function(e) {
                   console.log(e.which);
                });

Как отследить символ? По коду символа как выше? Но коректно сравнивать сам символ а не код с клавиатуры(разная раскладка, сочетания с шифтом и т.д), как это сделать? И еще нужно взять во внимание, что перед этими символамы либо ничего не должно быть либо пустой символ.

Как вообще реализовывают даный функционал и если есть уже готовые плагины, как они называются?

Answer 1

Обратите внимание на свойство key у события: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent в Нем содержится символ, который был введен:

$jq( "#target" ).keyup(function(e) {
     console.log(e.key);
});
READ ALSO
Jquery 3.2.1 toggle(), fadeToggle(), без сдвига элементов

Jquery 3.2.1 toggle(), fadeToggle(), без сдвига элементов

Прошу прощения за возможно нубский вопросСмотрел урок по jquery и в самом начале возникли проблемы

353
Как наклонить себе картинку с помощью css3 и js

Как наклонить себе картинку с помощью css3 и js

У меня есть картинкаКак с помощью css3 и событиям миши? Тоесть есть картинка

205
Как сделать такой незаконченный border? [дубликат]

Как сделать такой незаконченный border? [дубликат]

На данный вопрос уже ответили:

220
CSS кнопка с градиентом

CSS кнопка с градиентом

Как на CSS можно сделать вот такую кнопку с градиентом, и чтобы потом при наведении происходила инверсия градиента (цвета менялись местами)?...

248