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);
}