Javascript Textboxイベント

Question

入力テキストタイプ（つまりテキストボックス）に問題があります。

テキストボックスにonkeyupイベントで使用される関数を記述しました。行は次のようになります。

<input type='TEXT' value='abc' onkeyup='changeSomething(this);'> 

をしかし、今、私は、ユーザーが以前に入力した値から値を選択したときに、ユーザは、ドロップダウンから、以前に入力した値を選択したときに、 は、私はすべてのイベントを取得していないですという問題（に直面しています編集：私は彼がここにブラウザのオートコンプリートを参照していると信じて）。

誰にでも解決策がありますか？ :)この場合

Answer 1

使用onchange代わりにonkeyup

参照：http://www.w3schools.com/jsref/event_onchange.asp

例えば

<input type='text' value='abc' onchange='changeSomething(this);' /> 

2つのこと、この

EDITを回避する：
1）オートコンプリート値は、矢印キーを使用して選択し、/タブを入力して、マウスを使用してすることができます。矢印キー/ enter.tabはonkeyupイベントを発生させますが、オートコンプリートボックスをクリックしてもonclickイベントは発生しません。
2）コンテンツが変更された場合、フォーカスが失われるとすぐにonchangeイベントが発生します。オートコンプリート値を選択してもフォーカスは失われません。

本質的に、イベントがあなたが望むように処理されることを合理的に保証する方法はないようです。

まず、すべてのキーストロークを聞く必要がありますか？ 第2に、オートコンプリートをオフにしてより良いサービスを提供しますか？ （例えば<input type='text' value='abc' autocomplete='off' onkeyup='changeSomething(this);' />）ここで

Answer 2

が

<script type="text/javascript"> 

var changeWatcher = { 
    timeout: null, 
    currentValue: '', 
    watchForChange: function(el) { 
     if(el.value != this.currentValue) { 
      this.changed(el); 
     } 
     this.timeout = setTimeout(function() { 
      changeWatcher.watchForChange(el) 
     }, 200); 
    }, 
    cancelWatchForChange: function() { 
     clearTimeout(this.timeout); 
     this.timeout = null; 
    }, 
    changed: function(el) { 
     this.currentValue = el.value; 
     // do something with the element and/or it's value 
     //console.log(el.value); 
    } 
} 

</script> 
<input type='text' value='abc' onfocus='changeWatcher.watchForChange(this)' onblur='changeWatcher.cancelWatchForChange()' onchange='changeWatcher.changed(this)' />