マウスがオートコンプリートオプションを選択する - どのようなjavascript/jqueryイベントですか？

Question

htmlページ内の標準テキストボックスで、ブラウザがその一部を認識して「オートコンプリートドロップダウン」を表示するものを入力すると：

これをマウスで選択/クリックすると値が入力されますそのテキストボックスには、どのようなJavaScriptイベントが発生しますか？

 $('#txt').blur(function() { console.log('text changed'); }); 
     $('#txt').change(function() { console.log('text changed'); }); 
     $('#txt').click(function() { console.log('text changed'); }); 
     $('#txt').focus(function() { console.log('text changed'); }); 
     $('#txt').focusin(function() { console.log('text changed'); }); 
     $('#txt').focusout(function() { console.log('text changed'); }); 
     $('#txt').mousedown(function() { console.log('text changed'); }); 
     $('#txt').mouseenter(function() { console.log('text changed'); }); 
     $('#txt').mouseleave(function() { console.log('text changed'); }); 
     $('#txt').mouseout(function() { console.log('text changed'); }); 
     $('#txt').mouseover(function() { console.log('text changed'); }); 
     $('#txt').select(function() { console.log('text changed'); }); 

これらの作業はありません。

Answer 1

あなたの質問を正しく理解している場合は、イベントが発生しないのは、ユーザーがクリックした自動修正リストが別のhtml要素である間にテキストボックスに添付しているためです。ユーザーが実際にクリックしている要素にリスナーをアタッチする必要があります。