入力とオートコンプリートを中心に

Question

私は<div>とcontenteditable=trueを持っています。私は、このフィールドにjqueryのオートコンプリートを添付

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

：

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

オートコンプリートがうまく機能してたときにフィールドに記入し、ユーザーがフィールドを離れると入力が記録されますので、私はblurイベントを添付しますクリックした

私のぼかしイベントは、オートコンプリートをトリガーする前に入力した最初の文字だけを記録するという問題があります。

オートコンプリートを使用しない場合はフィールドの値を、オートコンプリートを使用する場合はオートコンプリートの値を記録するためにどのようなイベントを使用しますか。

例： 私はautocompleteからtest@mail.comを取得します。 「te」と入力すると、オートコンプリートに完全な電子メールが表示されます。 オートコンプリートリストでそれを選択し、フィールドに入力します。 私のぼかしイベントの記録は「te」です。私はそれを望みません。代わりにtest@mail.comを記録したいと思います。

Ex2： 私はオートコンプリートソースにない値を入力したいと思います。 私はnew_email@mail.comと入力しますが、オートコンプリートは表示されません。 ぼかしでは、完全な値が記録されます。

Answer 1

ぼかしでENTERのキーダウンイベントをトリガーすることができます。存在するのであれば、あなたはオートコンプリート値を取得できます。

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

ともオートフォーカス忘れてはいけない：

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