Question

Got a question for you javascript gurus out there. I’m creating a sidebar tool that is comprised of a few different text input fields. The purpose of this tool is to edit copy on a template. I’ve tried to pass the data entered into the field onchange, but I’m running into problems dumping the data into my js object. This is somewhat what I have in mind:

$('myInputField').(function(){
      $(this).onChange(){
          // write to variable X
}
});

Essentially I want to have what I’m typing in the input be mimicked live and then I can parse the changes to my database.

Answer 1

Wouldn’t a simply keyup event on the input fields be sufficient?

jQuery:

$('textarea').keyup(function() {
    $('#foo').html($(this).val());
});​

HTML:

<textarea></textarea>
<div id="foo"></div>

jsFiddle example.