剛了解了下Angular.js,發(fā)現(xiàn)Angular.js綁定數(shù)據(jù)方面非常方便,套下教程demo:
<div ng-app="myApp" ng-controller="myCtrl"> 名字: <input ng-model="name"> <h1>你輸入了: {{name}}</h1></div>我就想著,使用jq/js怎么實現(xiàn)類似的效果,后來找找,發(fā)現(xiàn)使用propertychange可以實現(xiàn)。
JQ:
<div class="wrap"> <textarea></textarea> <div class="miss"></div> </div>
$('textarea').on('input propertychange', function() { $('.miss').html($(this).val().length + "~"+$(this).val()); });JS:
var txt = document.querySelector("textarea"), msg = document.querySelector(".miss"); //不兼容IE8 以下 txt.addEventListener("input",function () { msg.innerHTML = this.value + "~"+this.value.length; },false)以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持武林網(wǎng)!
新聞熱點
疑難解答