Which event raised when set value of input in JavaScript

Question

When set value of input in JavaScript which event raised? I tried these event: (propertychange change keypress paste focus textInput input keyup keydown change). For example:

$('input').live/bind/on('which event', function() {
    //...
});
$('input')[0].value = "sd";

Since you're doing it programatically, why not just run whatever function you need when setting the input's value? — BenM
– BenM, Commented Aug 27, 2013 at 12:28
No event is raised when you change the value programmatically (except propertychange, which is non-standard). Consider raising your own event after performing the change operation. — Frédéric Hamidi
– Frédéric Hamidi, Commented Aug 27, 2013 at 12:29
For those who wonder, that one was IE-only learn.microsoft.com/en-us/previous-versions/windows/… ; And even there is was deemed buggy due to inconsistent behavior between various controls etc. help.dottoro.com/ljufknus.php But apparently there was a DOMAttrModified that had broader support. — Computer says 'no'--SOooooo
– Computer says 'no'--SOooooo, Commented Aug 21 at 12:27
Meaning it worked in FFox and Opera at one point. That refers to the MutationEvent API developer.mozilla.org/en-US/docs/Web/API/MutationEvent which was later dropped too in favor or MutationObserver. — Computer says 'no'--SOooooo
– Computer says 'no'--SOooooo, Commented Aug 21 at 12:33

Matt Zeunert · Accepted Answer · 2013-08-27 12:38:51Z

6

When you set the value programmatically no event will be raised. You can raise it yourself though:

$('input')[0].value = "sd";
$('input').first().trigger("change");

Or just using jQuery:

$('input').first().val("sd").trigger("change");

edited Aug 27, 2013 at 12:38

answered Aug 27, 2013 at 12:30

Matt Zeunert

16.6k7 gold badges56 silver badges83 bronze badges

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

2 Comments

Abbas Bafekr Over a year ago

why you don't use just .change() function, such as answer of @Deepak Biswal

Matt Zeunert Over a year ago

It's the same. The change function without arguments is just a shorthand for .trigger("change"). I think using trigger makes it clearer what's going on (the change event is triggered on the element), but you can use whichever you find easier to read.

Deepak Biswal · Accepted Answer · 2013-08-27 12:31:38Z

1

You can do something like this. You have to explicitly call change event.

$('input').val('New Value').change();

answered Aug 27, 2013 at 12:31

Deepak Biswal

4,3302 gold badges22 silver badges37 bronze badges

Comments

Arun P Johny · Accepted Answer · 2013-08-27 12:33:24Z

1

When a value is changed via a script the change event is not fired, if you want to run a handler then you can trigger the event manually

$('input').eq(0).val("sd").trigger('change');

answered Aug 27, 2013 at 12:33

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Collectives™ on Stack Overflow

Which event raised when set value of input in JavaScript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related