Fokus auf Eingabe und Autovervollständigung

Question

Ich habe eine <div> mit contenteditable=true. Ich lege eine Unschärfe Ereignis, so dass die Eingabe aufgezeichnet erhalten, sobald der Benutzer das Feld verlässt:

$(document).on('#my_div'n 'blur', function() {....... 

ich zu diesem Feld legen Sie eine Jquery Autocomplete:

$('#my_div').autocomplete({ source : emails_directory }); 

Die Autocomplete funktioniert gut und füllt das Feld, wenn geklickt.

Das Problem hier ist, dass mein Blur-Ereignis nur die ersten Buchstaben aufzeichnen, die ich vor dem Auslösen der Autocomplete eingegeben habe.

Welches Ereignis sollte ich verwenden, um den Feldwert aufzuzeichnen, wenn Autovervollständigung nicht verwendet wird, oder den Wert der Autovervollständigung, falls verwendet.

Beispiel: Ich möchte test@mail.com von der Autovervollständigung erhalten. Ich tippe "te" und die vollständige E-Mail zeigt in der Autocomplete. Ich wähle es in der Autocomplete-Liste und es ist in das Feld ausgefüllt. Meine Unschärfe Ereignisaufzeichnungen 'te'. Ich möchte das nicht und möchte stattdessen test@mail.com aufzeichnen

Ex2: Ich möchte einen Wert eingeben, der nicht in der Autocomplete-Quelle ist. Ich tippe new_email@mail.com, keine automatische Vervollständigung wird angezeigt. Auf Unschärfe wird der volle Wert aufgezeichnet.

Answer 1

Sie können das Keydown-Ereignis für ENTER bei Unschärfe auslösen. So können Sie den Wert der automatischen Vervollständigung, wenn vorhanden:

$(document).on('#my_div', 'blur', function() { 
     var keyEvent = $.Event("keydown"); 
     keyEvent.keyCode = $.ui.keyCode.ENTER; 
     $(this).trigger(keyEvent); 
     ...... 
}); 

und nicht auch Autofokus vergessen:

$('#my_div').autocomplete(autoFocus: true, { source : emails_directory });