JavaScript Textbox Event

Question

Mam do czynienia z problemem z tekstem wejściowym (np. Text Box).

Napisałem funkcję używaną przez zdarzenie onkeyup w polu tekstowym. Linia wygląda następująco:

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

Ale teraz jestem w obliczu problemu, że gdy użytkownik wybiera wartości z wcześniej wprowadzonych wartości, ja nie dostaję żadnego zdarzenia, gdy użytkownik wybierze jakieś uprzednio wprowadzone wartości z listy rozwijanej (edytuj: wierzę, że odnosi się do autouzupełniania przeglądarki tutaj).

Czy ktoś ma rozwiązanie tego? :)

Answer 1

zastosowanie onchange zamiast onkeyup w tym przypadku

patrz: http://www.w3schools.com/jsref/event_onchange.asp

np

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

aby ominąć ten

EDIT dwie rzeczy:
1) wartości autouzupełniania można wybrać za pomocą klawiszy strzałek i wprowadź/kartę, i za pomocą myszy. Klawisze strzałek/enter.tab wywołują zdarzenia onkeyup ... kliknięcie w polu autouzupełniania nie uruchamia jednak zdarzenia onclick.
2) Zdarzenie onchange jest wywoływane natychmiast po utracie ostrości, jeśli zawartość uległa zmianie. Ostrość nie jest tracona podczas wybierania wartości autouzupełniania.

Zasadniczo nie wydaje się, aby istniała jakakolwiek rozsądna gwarancja, że ​​zdarzenie zostanie przetworzone zgodnie z oczekiwaniami.

Po pierwsze, czy naprawdę musisz słuchać każdego naciśnięcia klawisza? Po drugie, czy lepiej Ci pomóc, wyłączając autouzupełnianie? (np <input type='text' value='abc' autocomplete='off' onkeyup='changeSomething(this);' />)

Answer 2

Oto rozwiązanie, które ankiety element okresowo wszelkich zmianach

<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)' />