雙向繫結的極簡實現

看風景就發表於2018-06-26
<input id="a" type="text" />
<span id="b"></span>
var obj = {};

Object.defineProperty(obj,'txt',{
    set:function(val){
        document.getElementById('a').value = val;
        document.getElementById('b').innerHTML = val;
    }
})

document.getElementById('a').addEventListener('input',function(e){
    obj.txt = e.target.value;
});

 

相關文章