<input onchange="" onkeyup="">
 

Близкая тема поднималась чуть ранее здесь и думаю не один раз до этого, но вопрос остаётся открытым...

Мне нужно анализировать любое изменение в input

Метод onchange срабатывает только после изменения фокуса

Метод onkeyup не срабатывает, если данные правой кнопкой мыши вставить, или выбрать из броузерного выпадающего списка предыдущих значений

Вызывать одновременно два метода... У меня хендлеры дёргаются и с базы асинхронно данные тянутся - тоже не комильфо получается

Как быть, кто что посоветует?...

Может как-то можно организовать переменную, которая контролирует если один дёрнулся, то другой не трогать...

Или есть более качественный и универсальный метод...

Помогите пожалуйста.

на вскидку:

<script type="text/javascript">
window.onload = function(){
    var event = ['keyup', 'change'], i = event.length;
    while(i--){
       document.forms['forma']['on'+event[i]] = function(i){
           return function(){
               document.getElementById('div').innerHTML = this.elements[0].value;
           };
      }(i);
    }
};
</script>

<form name="forma">
    <input type="text" />
</form>
<div id="div"></div>