jQuery: события при изменении ввода

Question

У меня есть выбор, который я хочу запускать различными функциями в зависимости от того, что выбрано. Я также использовал плагин flexselect http://rmm5t.github.com/jquery-flexselect/, чтобы преобразовать поле выбора в поле со списком. Результатом является поле ввода.

Я хочу запустить функцию при изменении текста поля ввода, не на размытии, но сразу же. Я не вижу никакого способа сделать это. Я не могу просто сделать keyup, потому что часто выбор происходит из раскрывающегося списка flexselect и не набирается. Использование события изменения требует, чтобы поле ввода было размыто, это не поведение, которое ожидает пользователь.

Есть ли решение этой проблемы?

Спасибо!

Answer 1

Это взлом, но вы можете изменить файл flexselect.js, чтобы поднять пользовательское событие, когда оно изменит значение текстового поля. После любого места в файле, который называет «this.input.val (» (как линия 231) вставить: триггер («myCustomEvent»), а затем из существующего кода привязки к нему:

$('#selector').bind('myCustomEvent',function(){ 
     alert('myCustomEvent'); 
}); 

Answer 2

Почему вы не используете комбинацию onblur и onkeyup?

Конечно, вы также можете создать таймер (window.setTimeout) - не очень приятный или поощряющий способ справиться с этим, но он должен работать.

Answer 3

Обратите внимание, что jquery bind() допускает несколько событий.

$('#selector').bind('keyup mouseup change',function(e){ 
     alert(e.type); 
});