原生JS实现双向数据绑定

最新推荐文章于 2022-07-18 16:33:20 发布

信有伟

最新推荐文章于 2022-07-18 16:33:20 发布

阅读量292

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/m0_46101895/article/details/114082958

版权

//html部分
<input type="text" id="foo">
<p id="test"></p>


//js部分
<script>
	var user = {
		get inputValue() {
			return document.getElementById('foo').value
		},
		set inputValue(value) {
			document.getElementById('foo').value = value
			document.getElementById('test').innerHTML = value
		}
	}
	document.getElementById('foo').addEventListener('keyup',function(){
		document.getElementById('test').innerHTML = user.inputValue
	})
</script>