Detecting browser autofill before selection

Question

Is there anyway I can detect the autofill BEFORE the user selects an option from the dropdown?

Expected: 400010 as seen.

Currently I have:

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

.. and it works AFTER the user has made a selection, but not before as seen in the above screenshot.

Answer 1

Read this article, they go in-depth on detected auto-fill events. The problem is that not all browsers support auto-fill events, however I don't think any would be foolish enough to support this feature before the user makes a selection. Think about this: if they supported auto-fill events before a selection was made it would be extremely simple to steal peoples passwords, zipcodes, credit cards, etc. Since you could just send an AJAX request containing the auto completed information in each of these fields, regardless of whether the user actually selected them.

Sorry, if I couldn't be of more help.