用js實現類似vue的雙向繫結
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" name="text" id="text" value="" /><span id="showSpan"></span>
<script>
var obj = {val:''};
Object.defineProperty(obj,'val',{
get:function(){
return val;
},
set:function(value){
document.getElementById('text').value = value;
document.getElementById('showSpan').innerHTML = value;
val = value;
}
});
document.getElementById('text').addEventListener('keyup',function(){
document.getElementById('showSpan').innerHTML = document.getElementById('text').value;
});
</script>
</body>
</html>