更改后如何获取textarea的textContent？

Question

I have a textarea tag. I want to be able to get its textContent after textContent changed?

<textarea id="xxx"> sameple text </textarea> // before
<textarea id="xxx"> sameple text and new text </textarea> // after

I want listen even when the textarea 's content has changed.

Answer 1

you can put your script as

$(document).ready(function(){
  $("#xxx").change(function(){
     alert($("#xxx").val());
  });
});

if you put $("#xxx").html() it will give you before text but if you keep $("#xxx").val() it will give you changed value.

Answer 2

You will need to use onkeyup and onchange for this. The onchange will prevent context-menu pasting, and the onkeyup will fire for every keystroke.

$(document).ready(function(){
       $(document).on('change','#xxx',function(){
             var newtext = $(this).text();
       });
});

Answer 3

Use input event.

The DOM input event is fired synchronously when the value of an <input> or <textarea> element is changed.

 $('#xxx').on('input', function() { console.log(this.value); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <textarea id="xxx">sameple text</textarea>