jQuery input event - trigger('change') does not it

Question

I have the following event listener on my inputs on a HTML page:

$('input').on('input', function (e) {
    console.log(this.value);
});

I understand the input event captures the following individual events change, keyup and paste.

When I update an input value using jQuery, I want to trigger this event so my event code runs. If I run:

//Does not work
$('input').val('test').trigger('change');

My event does not fire. I expected the input event handler to catch the change event. If I run:

//Does work
$('input').val('test').trigger('input');

This does work... why does triggering the change event not fire my input event handler?

No, oninput event does not responds to onchange event. They are different. It would be really confusing world where one events trigger other events. — dfsq
– dfsq, Commented May 8, 2015 at 12:13
"why does triggering the change event not fire my input event handler?" Why the hell would one type of event fire another type of event? — Maurice Perry
– Maurice Perry, Commented May 8, 2015 at 12:26
@keidar it does not. If you paste something in the field, or if you type a key that will alter the text, and that will trigger an input event. — Maurice Perry
– Maurice Perry, Commented May 8, 2015 at 12:36

Evan Knowles · Accepted Answer · 2015-05-08 12:18:45Z

3

I expected the input event handler to catch the change event.

That's where you went wrong - the input event handler does not catch change events.

answered May 8, 2015 at 12:18

Evan Knowles

7,5592 gold badges41 silver badges73 bronze badges

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

2 Comments

I thought it does? Which events does it catch then?

input event caches the input event. Period