js简单双向绑定案例代码

来源：动视网责编：小采时间：2020-11-27 19:59:49

js简单双向绑定案例代码

js简单双向绑定案例代码:本文主要和大家分享js简单双向绑定案例代码，把代码复制放到页面里面运行看一下效果就好了，希望能帮助到大家。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&

推荐度：

点击下载本文 文档为doc格式

导读js简单双向绑定案例代码:本文主要和大家分享js简单双向绑定案例代码，把代码复制放到页面里面运行看一下效果就好了，希望能帮助到大家。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&

本文主要和大家分享js简单双向绑定案例代码，把代码复制放到页面里面运行看一下效果就好了，希望能帮助到大家。

<!DOCTYPE html><html lang="en"><head>
 <meta charset="UTF-8">
 <title>Title</title></head><body><input type="text" id="myinput" ><script>
 function watch(obj,key,callback) {
 var old = obj[key]; Object.defineProperty(obj,key,{
 set:function(val){
 var oldVal = old;
 old = val;
 callback(val,oldVal,this);
 },
 get:function(){
 return old;
 }
 });
 } var input = document.getElementById("myinput"); var obj = {};
 watch(obj, "input",function (val) {
 input.value = val;
 console.log("这里是不管view层，还是module层修改后的回调，最后设置的值是"+val);
 }); input.onkeyup = function () {
 obj.input = input.value;
 };</script></body></html>