jQuery-Ereignis nach Auswahl eines vorgeschlagenen Elements in einem Textfeld?

Question

Ich möchte eine Funktion bei jeder Änderung eines Textfeldsteuerelements ausführen, sobald der Benutzer tippt. Das Ereignis .keyup() ist für die meisten Fälle in Ordnung.

Browser (wie Chrome oder Firefox) können jedoch Autovervollständigungseinträge für Textfeldsteuerelemente vorschlagen (wahrscheinlich, weil der @ Name oder die @id des Eingabesteuerelements bekannt ist).

Leider kann ich keine der folgenden Ereignisse ausgelöst haben, wenn ich auf einen vorgeschlagenen Eintrag klicke. (.keyup() ausgelöst wird, wenn mit der Tastatur ausgewählt)

$('input#email') 
    .click(function() { console.log('click'); }) 
    .keyup(function() { console.log('keyup'); }) 
    .keydown(function() { console.log('keydown'); }) 
    .change(function() { console.log('change'); }) 
    .focus(function() { console.log('focus'); }) 
    .blur(function() { console.log('blur'); }); 

So viel wie möglich, würde ich mit einer setInterval() periodischen Überprüfung vermeiden möge.

Gibt es eine Möglichkeit, dieses Ereignis "einen Vorschlag auswählen" zu erkennen?

Answer 1

binden klicken:

$('input').bind('input propertychange', function() { 

    var input = this.value.trim(); 
    [...] 

}); 

Answer 2

Die kurze Antwort ist nein, es gibt kein Ereignis zum Erkennen einer Vorschlagsauswahl. Sie könnten versuchen, DOM-Mutationsbeobachter zu betrachten, aber ich bin unsicher, ob sich diese Änderungen auf die Attribute beziehen, und es gibt bisher wenig Unterstützung für diese API.

Also, wenn Sie wirklich mit diesem Fall umgehen müssen dann denke ich setInterval ist Ihre einzige Option.

Edit: 3 Jahre später können Sie propertychange mit jQuery wie in der neuen akzeptierten Antwort (die ich vermute, verwendet Mutationsbeobachter unter der Haube) verwenden.

Answer 3

Das Änderungsereignis scheint funktioniert gut, aber sie erfordert weg propertychange Ereignis

Answer 4

alternative Lösung Deaktivieren der automatischen Vervollständigung und behandeln andere Ereignisse wie keyup, keydown etc

<input type="text" name="foo" autocomplete="off" />