刚了解了下Angular.js,发现Angular.js绑定数据方面非常方便,套下教程demo:

1 <div ng-app="myApp" ng-controller="myCtrl">
2     名字: <input ng-model="name">
3     <h1>你输入了: {{name}}</h1>
4 </div>
View Code

我就想着,使用jq/js怎么实现类似的效果,后来找找,发现使用propertychange可以实现。

JQ:

1 <div class="wrap">
2         <textarea></textarea>
3         <div class="miss"></div>
4     </div>
View Code
1 $('textarea').on('input propertychange', function() {
2         $('.miss').html($(this).val().length + "~"+$(this).val());
3     });
View Code

JS:

1 var txt = document.querySelector("textarea"),
2         msg = document.querySelector(".miss");
3     //不兼容IE8 以下
4     txt.addEventListener("input",function  () {
5         msg.innerHTML = this.value + "~"+this.value.length;
6     },false)
View Code