刚了解了下Angular.js,发现Angular.js绑定数据方面非常方便,套下教程demo:
<div ng-app="myApp" ng-controller="myCtrl">
名字: <input ng-model="name">
<h1>你输入了: {{name}}</h1>
</div>
我就想着,使用jq/js怎么实现类似的效果,后来找找,发现使用propertychange可以实现。
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)
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
# jquery
# js
# 双向绑定
# 详解Vue.js之视图和数据的双向绑定(v-model)
# JS数据双向绑定原理与用法实例分析
# Nuxt.js 数据双向绑定的实现
# Vue.js单向绑定和双向绑定实例分析
# Vue.js 踩坑记之双向绑定
# js最简单的双向绑定实例讲解
# JS原生数据双向绑定实现代码
# AngularJS双向绑定和依赖反转实例详解
# 使用Object.defineProperty实现简单的js双向绑定
# 轻松实现javascript数据双向绑定
# js实现视图和数据双向绑定的方法分析
# 我就
# 可以实现
# 绑定
# 不兼容
# myCtrl
# gt
# controller
# myApp
# ng
# input
# model
# app
# pre
# class
# demo
# brush
# div
# Angular
# xhtml
相关文章:
详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)
建站之星免费模板:自助建站系统与智能响应式一键生成
哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?
制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?
电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?
c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】
建站主机选购指南:核心配置与性价比推荐解析
邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?
,sp开头的版面叫什么?
高端云建站费用究竟需要多少预算?
网站建设设计制作营销公司南阳,如何策划设计和建设网站?
如何做静态网页,sublimetext3.0制作静态网页?
建站之星如何实现五合一智能建站与营销推广?
建站三合一如何选?哪家性价比更高?
天津个人网站制作公司,天津网约车驾驶员从业资格证官网?
建站IDE高效指南:快速搭建+SEO优化+自适应模板全解析
定制建站平台哪家好?企业官网搭建与快速建站方案推荐
javascript基本数据类型及类型检测常用方法小结
如何快速使用云服务器搭建个人网站?
如何快速上传建站程序避免常见错误?
如何在沈阳梯子盘古建站优化SEO排名与功能模块?
建站之星后台密码遗忘或太弱?如何重置与强化?
大连 网站制作,大连天途有线官网?
金*站制作公司有哪些,金华教育集团官网?
如何高效完成独享虚拟主机建站?
常州自助建站:操作简便模板丰富,企业个人快速搭建网站
网站制作说明怎么写,简述网页设计的流程并说明原因?
高端建站三要素:定制模板、企业官网与响应式设计优化
网站按钮制作软件,如何实现网页中按钮的自动点击?
简历在线制作网站免费,免费下载个人简历的网站是哪些?
学校建站服务器如何选型才能满足性能需求?
如何选择适合PHP云建站的开源框架?
如何选择香港主机高效搭建外贸独立站?
官网自助建站系统:SEO优化+多语言支持,快速搭建专业网站
网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?
常州自助建站工具推荐:低成本搭建与模板选择技巧
网站制作的方法有哪些,如何将自己制作的网站发布到网上?
建站之星下载版如何获取与安装?
建站之星五站合一营销型网站搭建攻略,流量入口全覆盖优化指南
建站之星伪静态规则如何设置?
如何在VPS电脑上快速搭建网站?
免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的?
教学网站制作软件,学习*后期制作的网站有哪些?
建站之星导航配置指南:自助建站与SEO优化全解析
专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设?
Thinkphp 中 distinct 的用法解析
家具网站制作软件,家具厂怎么跑业务?
浅谈Javascript中的Label语句
c++ stringstream用法详解_c++字符串与数字转换利器
如何快速查询网站的真实建站时间?
*请认真填写需求信息,我们会在24小时内与您取得联系。