Question

I’m using jQuery to alter things when a user enters text into an input. This works fine with .keydown() or .change() when typing.

I’m unable to capture an event when the user selects from the browser stored inputs for that field. This is the dropdown that appears when typing or on click when the element already has focus and the browser has previously entered items for this input.

Anyone know what event I can use to capture the population of the input by the browser from a stored list of previous inputs when the user clicks on one or uses the keyboard?

EDIT: As requested an example would be https://launchpad.37signals.com/highrise/signin (the Username and password, not openID). This hides the label for pasting, selecting from previous inputs or typing. I want to emulate this.

Thanks,
Denis

Answer 1

There’s not one event triggered. As you said, it depends on how the user is using it : keyboard or mouse.

If I can remember well, keyboard approach triggers nothing. You should bind on the blur() event.

The mouseup should work for the mouse approach.

But whatever since you can bind several event at once thanks to

$("#id").bind("blur mouseup", function(){
    alert("bound !");
});