js 实时监听 input textarea值

1.JQ方法

$("#input1").bind("input propertychange",function(event){
       console.log($("#input1").val())
});

****2.js方法

<script type="text/javascript">
    // Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9
        function OnInput (event) {
            alert ("The new content: " + event.target.value);
        }
    // Internet Explorer
        function OnPropChanged (event) {
            if (event.propertyName.toLowerCase () == "value") {
                alert ("The new content: " + event.srcElement.value);
            }
        }
 </script>
 //Input标签
 <input type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" value="Text field" />

3.js 实时监听textarea输入

<textarea class="area" name="" id="text1" maxlength="100" oninput="checkTxt()"></textarea>
<p class="notice">已输入<span id="num">0</span>个字</p>



function checkTxt() { 
    var obj = $('#text1'),
        len = obj.val().length;
    $('#num').html(len);
}