原生JS实现双向数据绑定

//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>

你可能感兴趣的:(javascript)