How do I detect when text is inserted dynamically in input field

Question

In the following code i want to know how to detect when text is inserted dynamically in input field

<input id="test"><br /> 
<a href="#">Click me</a>

$("#test").on("input", function() {
  alert("Change to " + this.value);
});
$("a").on("click", function() {
  $("#test").val("In clicks we trust.");
});

line to the code

"The title and the code should say it all.", Sorry, but I don't get it.. :( — margabit
– margabit, Commented Aug 27, 2013 at 17:35
@tymeJV I don't know what programatically means, but perhaps I have misused the term dynamically. What I wanted to say is that the value inserted into the input field comes from the code and is not typed. — Fellow Stranger
– Fellow Stranger, Commented Aug 27, 2013 at 17:40

tymeJV · Accepted Answer · 2013-08-27 17:36:35Z

2

Listen for a change event, also, you'll have to trigger this after programatically adding text:

$("#test").on("change", function() {
    alert("Change to " + this.value);
});

$("a").on("click", function() {
    $("#test").val("In clicks we trust.").change();
});

Demo: http://jsfiddle.net/fSUd8/1/

answered Aug 27, 2013 at 17:36

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

3 Comments

tymeJV Over a year ago

@naomik -- There's always one :\

Jedediah Over a year ago

That fires whether the input was changed directly by the user, or through code. If he really needs to tell if an input was changed via code, then I think the only way to do that would be by registering a custom event

user169771 Over a year ago

change is not fired when text is inserted from Windows's Tablet OSK in handwriting mode.

Tyler Rash · Accepted Answer · 2013-08-27 17:36:23Z

1

jQuery change() event handler

$('#test').on('change', function() {
    ...
});

answered Aug 27, 2013 at 17:36

Tyler Rash

1,1731 gold badge8 silver badges19 bronze badges

Collectives™ on Stack Overflow

How do I detect when text is inserted dynamically in input field

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related