选择前检测浏览器自动填充

Question

在用户从下拉列表中选择一个选项之前，我是否可以检测到自动填充？

预期：400010如图所示。

目前我有：

$('input').on('input paste change keyup', function(event) {
    if(event.type=='input'){
      console.log( $(this).val() ); 
    }
});

..并且它在用户做出选择之后有效，但不是在上面的屏幕截图中看到的。

Answer 1

Read this article，他们会深入研究检测到的自动填充事件。问题是并非所有浏览器都支持自动填充事件，但我不认为在用户做出选择之前支持此功能是愚蠢的。想一想：如果他们在选择之前支持自动填充事件，那么窃取人们的密码，邮政编码，信用卡等将非常简单。因为你可以发送包含每个中包含自动完成信息的AJAX请求。字段，无论用户是否实际选择了它们。

抱歉，如果我无法提供更多帮助。

Answer 2

尝试这样：

$(document).ready(
function (event) {
    $('.ddClass').on('mouseenter', 'option', function(e) {
    $("#zipcode").val(this.value);

);
});

//其中.ddClass是下拉选项的类