外卖微信小程序_jquery,js简略完成类似Angular.js双向

2021-01-12 15:11 jianzhan
jquery,js简单实现类似Angular.js双向绑定     ~MF   本文主要介绍了jquery,js简单实现类似Angular.js双向绑定的方法。具有一定的参考价值,下面跟着小编一起来看下吧

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

JQ:

 div 
 textarea /textarea 
 div /div 
 /div 

$('textarea').on('input propertychange', function() { $('.($(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)

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持凡科!