jquery,js简单实现类似Angular.js双向绑定

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

rush:xhtml;">

你输入了: {{name}}

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

JQ：

rush:xhtml;">

rush:js;"> $('textarea').on('input propertychange',function() { $('.miss').html($(this).val().length + "~"+$(this).val()); });

JS:

rush:js;"> var txt = document.querySelector("textarea"),msg = document.querySelector(".miss"); //不兼容IE8 以下 txt.addEventListener("input",function () { msg.innerHTML = this.value + "~"+this.value.length; },false)

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程之家！

原文地址：https://www.jb51.cc/jquery/42547.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：jQuery实现的简单排序功能示例【冒下一篇：jQuery动态生成表格及右键菜单功能