В чем разница между keyup и input?

Question

[newaitix]

В смысле не в чем разница а как их отличить? Есть форма навесил на нее событие oninput. Но оно будит возникать при cut, paste, delete, keydown меня же интересует все кроме keydown. В event type написано всегда input. А как узнать что повлияло на изменение значения формы или что предшествовало изменению?

document.getElementById('a').oninput=function(ev){
console.log(ev.type);
};

Answer 1

[Дмитрий]

Вешайте отдельные события - keyup, keypress, change, что еще вам там понадобится...

Comments

[newaitix]

delete - нет же как быть с ним?

[Дмитрий]

newaitix: keyup - нажатие любой клавиши, точнее ее "отпускания", в том числе delete и backspace

[newaitix]

Ладно не правельные вводные данные опишу более расширенно

input type="text" name="s" id="search" onkeyup="lookup(this.value,event);" tabindex="1" autocomplete="off"

в функции lookup массив из кодов клавиш на которые мы не реагируем при нажатии на остальные происходит запрос в базу данных откуда выбираются данные и предлагаются варианты на ввод пользователю (как в поиске google fb или других популярных сервисах), тут же если нажимается кнопка "стрелочка вверх, стрелочка вниз" мы листаем по списку предложенному пользователю как в google то есть отлавливаем нажатие 38 и 40 кнопок на клавиатуре. Если пользователь нажимает enter выполняем поиск если esc то убираем "предложенные варианты". Если я навешиваю событие oninput то оно будит выполнять запрос в базу данных + lookup будит выполнять запрос в бд = 2 запроса. А без keyup не обойтись ибо нужно выводить "предложенные варианты". В самом google когда то при вставке данных в форму поиска "предложенные варианты" пропадали и появлялась надпись ~"Нажмите ввод для поиска".

[newaitix]

Вся проблемма в 2 запросах а не в реализации.

[newaitix]

Я хочу при входе в oninput спросить была ли нажата кнопка на клавиатуре если да то ничего ен делаем все сделает lookup если нет то выполняем действия

[Дмитрий]

newaitix: а вы можете забыть про oninput и все действия запихать в lookup? Причем отслеживать изменение input поля через простое хранение предыдущего значения в переменной и сравнение его с текущим значением value (после keyup оно уже будет обновлено).

[newaitix]

Дмитрий: "отслеживать изменение input поля через простое хранение предыдущего значения в переменной" Да для этого мне нужно будит прописать что то в форме я же хочу при вставке для этого нужен input иначе мне не нужно ничего сравнивать. Нужно вызвать какую то функцию только!! при изменении значения формы. А только при вводе с клавиатуры вызвать lookup.

[Дмитрий]

newaitix: а разве можно повесить событие oninput на целую форму? Ведь это событие вешается на поле ввода. Так вот и уберите его, а на каждое поле вводе вешайте keyup с логикой сравнения предыдущего значения. Можно хранить его в data- атрибуте каждого поля ввода, дабы не плодить переменные. Я бы написал вам пример, если бы вы точно обрисовали задачу. А сейча все оч абстрактно - термины везде разные.

[newaitix]

Хорошо скину пример в ответ тут теги не проходят

Answer 2

[olamedia .]

чисто логически - keyup - это событие, когда клавиша отпускается. насчет input ничего не могу сказать. ни разу не использовал нигде.