欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript实现双向绑定Object.defineProperty()

程序员文章站 2022-07-12 21:58:47
...
<div>
    <input type="text" id="txt">
    <p id="vm"></p>
</div>
</body>
<script>
    var obj={};
    Object.defineProperty(obj,'txt',{
        get:function () {
            return obj;
        },
        set:function (newValue) {
            document.getElementById('txt').value=newValue;
            document.getElementById('vm').innerHTML=newValue;
        }
    })
    document.addEventListener('keyup',function (e) {
        obj.txt=e.target.value;

    })
</script>
复制代码

转载于:https://juejin.im/post/5ce4f478e51d455070226f03