javascript - 鼠标选择自动完成选项 - 什么 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 元素。您需要将监听器附加到用户实际单击的元素。