這篇文章給大家分享的是有關(guān)jquery,js如何實(shí)現(xiàn)類似Angular.js雙向綁定的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
農(nóng)安網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,農(nóng)安網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為農(nóng)安近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢,請找那個售后服務(wù)好的農(nóng)安做網(wǎng)站的公司定做!
剛了解了下Angular.js,發(fā)現(xiàn)Angular.js綁定數(shù)據(jù)方面非常方便,套下教程demo:
名字:你輸入了: {{name}}
我就想著,使用jq/js怎么實(shí)現(xiàn)類似的效果,后來找找,發(fā)現(xiàn)使用propertychange可以實(shí)現(xiàn)。
JQ:
$('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)
感謝各位的閱讀!關(guān)于“jquery,js如何實(shí)現(xiàn)類似Angular.js雙向綁定”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!