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

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是类的下拉选项