jQuery：ブラウザのネイティブオートコンプリート選択にハンドラをアタッチする

Question

テキストフィールドの値が変わるたびに関数を呼び出すフォームで作業しています。これには、 "keyup"と "change"イベントが使用されます。しかし、ユーザーがテキストフィールドをダブルクリックして、ブラウザに組み込まれた以前に入力された値のリスト内の項目をクリックすると、その関数は呼び出されません。ユーザは、「変更」イベントがトリガされるために、その後にテキストフィールドの外側をクリックする必要があります。何か案は？

Answer 1

あなたはそのような入力のfocusとblurイベントをリッスンすることができます

function monitor() { 
console.log($('#input').val()); // Log the value (or trigger your chnage) 
} 

var timer = ''; 

$('#input').on('focus', function() { 
    timer = setInterval(monitor, 100); 
}).on('blur', function() { 
    clearInterval(timer); 
}); 

Here's a working jsFiddle。