双向数据绑定原理（原生js实现双向数据绑定）

最新推荐文章于 2024-08-08 08:58:25 发布

关于安安

最新推荐文章于 2024-08-08 08:58:25 发布

阅读量1.2k

点赞数

分类专栏：补充知识点文章标签：双向数据绑定双向绑定 js实现双向数据绑定原生双向绑定双向绑定原理

本文链接：https://blog.csdn.net/yangluan999/article/details/88897673

版权

补充知识点专栏收录该内容

3 篇文章 0 订阅

订阅专栏

html代码：

<input type="text" id="a">
<div id="b"></div>

js代码：

    var obj = {};
    Object.defineProperty(obj,'hello',{
        set:function (newVal) {
            document.getElementById('a').value = newVal;
            document.getElementById('b').innerHTML = newVal;
        }
    });
    document.addEventListener('keyup',function (e) {
        obj.hello = e.target.value;
    })