Just copy the code and run it on the page and see the effect
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="text" >
<script>
function watch(obj,key,callback) {
var old = obj[key];
(obj,key,{
set:function(val){
var oldVal = old;
old = val;
callback(val,oldVal,this);
},
get:function(){
return old;
}
});
}
var input = ("myinput");
var obj = {};
watch(obj, "input",function (val) {
= val;
("Here is a callback after modifying the view layer or module layer, the final value is"+val);
});
= function () {
= ;
};
</script>
</body>
</html>
Code Testing
After modifying the value in input, you will see that the console prints out a new value.
The value modified in the console will also change the value in the input box, and will also trigger the event to obtain the new value
The above explanation of the simplest two-way binding example of js is all the content I share with you. I hope you can give you a reference and I hope you can support me more.