更清晰的jQuery文本框更改事件

Question

my apologies to ask this question as there may e answers already existing just that the weren't clear enough to me. What is the best way to apply jquery change event on an html texbox control.

Answer 1

Do you mean textarea? Something like this:

$('textarea').on('keydown', function() {
    //Do stuff
    console.log('Do something smart here!');
});

Answer 2

Can you try the below sample code.

<input type="text" class="common" />

<input type="text" class="common" />

<input type="text" class="common" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>

<script type="text/javascript">

 $(document).ready(function () {
     $("input.common[type='text']").change(function () {
        var value = this.value;
        alert(value);
     });
 });

</script>

Answer 3

On modern browsers, use oninput event:

$('textarea').on('input',function(event){
   alert(this.value);
});