Выбор автозаполнения мышью - какое событие у 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-элементом.Вы должны прикрепить слушателя к элементу, на котором пользователь фактически щелкает.