jQuery: autofill input values with mouse click not keyboard

Question

I'm using this solution https://stackoverflow.com/a/4932770/3108268

$("#EmailAddress").keyup(function(){
    $("#Username").val(this.value);
});

And it works fine when typing input values with a keyboard, it auto fills the selected field.

But it doesn't work when filling a field with a mouse click from calendar popup javascript plugin. The popup plugin gives the input classes hasDatepicker date-popup-init.

This is all inside Drupal 7, but I don't think it's relevant.

Here's an example, as you can see the time field is plain text and autofills below, because it is being filled with a keyboard while filling the date field with mouse click from calendar popup does not fill the field below it (but does if you force-type with keyboard).

Emre Kabaoglu · Accepted Answer · 2017-12-29 11:49:41Z

1

You could use change event;

$( "#EmailAddress" ).change(function() {
  $("#Username").val(this.value);
});

answered Dec 29, 2017 at 11:49

Emre Kabaoglu

13.2k4 gold badges27 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery: autofill input values with mouse click not keyboard

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related