Why doesn't jQuery fire the 'input' event on $.val('') input set

Question

Why doesn't the input event get fired when I changed a text input's value via jQuery.val('')?

https://developer.mozilla.org/en-US/docs/Web/Reference/Events/input

any of the events like change, blur, input etc are fired only when a direct user action causes that change — Arun P Johny
– Arun P Johny, Commented Feb 21, 2014 at 2:23
Even't aren't fired by jQuery. It's the browser you're using that doesn't have support for the input event — Adam Merrifield
– Adam Merrifield, Commented Feb 21, 2014 at 2:45
You need to trigger that change: $('.selector').trigger('change'); etc — scrowler
– scrowler, Commented Feb 21, 2014 at 2:56

Jack · Accepted Answer · 2014-02-21 03:27:24Z

1

My guess is you're trying to get AngularJS to see your changes (via bindings) when you change the value of your input (through jQuery's val method)?

I've thrown together this fiddle to illustrate how to get this to work: http://jsfiddle.net/6JTDf/1/

Instead of calling trigger (which creates a jQuery 'event'), you can create a synthetic UIEvent (in our case, 'input'), and then dispatch that on the element. This synthetic event will trigger both the event listener (hello alert!), and the angular binding.

edited Feb 21, 2014 at 3:27

answered Feb 21, 2014 at 3:21

Jack

9,4282 gold badges36 silver badges47 bronze badges

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

2 Comments

tommybananas Over a year ago

Thanks. I guess it's just a pitfall in using jquery plugins with angular hu? I figured there should/would be more support since jquery actually does have quite a few legit libraries. If I want to use jquery libraries in the future for this sort of thing, am I really always going to have to edit the plugin so that it also fires the input event in order to update the model?

Jack Over a year ago

I think you're right about the pitfall. I'm guessing there's an "Angular" way of updating the value programmatically, which in turn updates the model as well. I've read articles where they warn against using jQuery outside of Angular, probably for this reason. Good luck!

Collectives™ on Stack Overflow

Why doesn't jQuery fire the 'input' event on $.val('') input set

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related