双向绑定-原生

最新推荐文章于 2024-05-07 00:22:54 发布

Fade Away

最新推荐文章于 2024-05-07 00:22:54 发布

阅读量130

点赞数

分类专栏： js方法集合 JS 手写实现

本文链接：https://blog.csdn.net/qq_26239917/article/details/103242089

版权

JS 同时被 3 个专栏收录

21 篇文章 0 订阅

订阅专栏

js方法集合

3 篇文章 0 订阅

订阅专栏

手写实现

3 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		input1<input type="text" id="input1">
		input2<input type="text" id="input2">
	</body>
	<script type="text/javascript">
		var input1 = document.querySelector("#input1")
		var input2 = document.querySelector("#input2")
		
		let app = {
			num:10,
			set _num(val){
				console.log("set triggered")
				this.num = val;
				//set 监听的是被修改的这个num 只要this.num被改变，就会触                 发
				input1.value = this.num;
				input2.value = this.num;
			}
		}
		input1.value = app.num;
		input2.value = app.num;
		input1.oninput = function(e){
			console.log(this.value)
			app["_num"] = this.value;
			console.log(app["num"])
		}
		input2.oninput = function(){
			console.log(this.value)
			app["_num"] = this.value;
			console.log(app["num"])
		}
		
	</script>
</html>