current community

more stack exchange communities

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 2 down vote favorite

I have an input text that I need detect when the text (value) change. The value can be changed in two ways:

  1. Allow to the user write in it.
  2. The user click a button, runs a jQuery event and fill it with the result.

For the item 1 I solved using keyup but for the item 2 I have no idea how can I detect when the text is changed. I try change() but does not work.

share|improve this question
1  
Why not just call the extra code after you populate the input? You can use $("#id").trigger("keyup"); –  Archer May 29 '13 at 14:03
1  
He's probably using some library/widget... –  Lior Cohen May 29 '13 at 14:05
 
Can you be more specific, what kind of (jQuery) event does script respond to and whether the result is created and populated synchronously? –  Marko Dumic May 29 '13 at 14:05
 
Post your code here. –  Sheikh Heera May 29 '13 at 14:08
 
Nice, four answers, each suggesting a completely different solution :). Wondering which one will work :) –  Mifeet May 29 '13 at 14:19
add comment

5 Answers

up vote 0 down vote accepted

You can use .trigger() inside your function where you fill the input.

$("#idOfButton").click(function() {
    //do some stuff
    //fill input
    $("#edit").val("new stuff!").triggerHandler("keyup"); //<--Trigger keyup event
});

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

share|improve this answer
 
would triggerHandler not work better, as you dont want the element to know about the function call? api.jquery.com/triggerHandler –  Qpirate May 29 '13 at 14:10
 
@Qpirate -- Thanks for the tip, edited post and fiddle. –  tymeJV May 29 '13 at 14:25
add comment
up vote 0 down vote

Add event handler on change() for item2 and in item1 keyup handler, trigger item2 change() event. Simple like that...

share|improve this answer
add comment
up vote 0 down vote

"runs a jQuery event and fill it with the result."

you can call another function from your jquery event. 

$('sel').click(function(){
textedited();  // call your new function. 
});
share|improve this answer
add comment
up vote 0 down vote

You can create an interval that checks whether the value of the input field has changed in every occasion (user input or button click) :

var oldValue = $('#field').val();
var newValue = oldValue;

var checkInputFieldInterval = window.setInterval(function() {
    newValue = $('#field').val();
    if (newValue !== oldValue) {
        // VALUE CHANGED, DO STUFF
        oldValue = newValue;
    }
}, 100);

Note the the "100" is the interval period in ms. You can find more information about the setInterval() method on this page http://www.w3schools.com/jsref/met_win_setinterval.asp

share|improve this answer
add comment
up vote 0 down vote

You can do...

$('.name').on('keyup', function(){
  /* I'll run when the button is clicked or there's a keyup event. */
})

$('button').on('click', function(){
  $('.name').val('Bill').trigger('keyup');
})

Here's a quick demo: http://jsbin.com/uteceb/1/edit

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.