在選擇之前檢測瀏覽器自動填充

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是類的下拉選項