evento jQuery dopo aver selezionato un elemento suggerito su una casella di testo?

Question

Mi piacerebbe eseguire una funzione su ogni modifica di un controllo casella di testo non appena l'utente sta digitando. l'evento .keyup() va bene per la maggior parte dei casi.

Tuttavia, i browser (come Chrome o Firefox) possono suggerire voci di completamento automatico per i controlli della casella di testo (probabilmente perché sono noti @name o @id del controllo di input).

Purtroppo, non riesco a far scattare nessuno degli eventi riportati di seguito quando "facendo clic su una voce suggerita". (.keyup() si attiva quando selezionato con la tastiera)

$('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'); }); 

Per quanto possibile, vorrei evitare di utilizzare un controllo periodico setInterval().

C'è un modo per rilevare questo evento "seleziona un suggerimento"?

Answer 1

legano propertychange evento:

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

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

}); 

Answer 2

La risposta breve è no, non c'è nessun evento per rilevare una selezione di suggerimenti. Potresti provare a guardare gli osservatori di mutazione DOM, ma non sono sicuro se queste modifiche agli attributi di copertina cambino, e c'è comunque poco supporto per questa API fino ad ora.

Quindi se davvero hai bisogno di gestire questo caso, penso che setInterval sia la tua unica opzione.

Modifica: 3 anni dopo è possibile utilizzare propertychange con jQuery come nella nuova risposta accettata (che presumo utilizza gli osservatori di mutazione sotto il cofano).

Answer 3

L'evento cambiamento sembra funziona bene, ma fa richiedono di click di distanza

Answer 4

soluzione alternativa di completamento automatico disable e gestire altri eventi come keyup, keydown ecc

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