双向绑定原理

最新推荐文章于 2024-04-19 17:30:39 发布

vvfar

最新推荐文章于 2024-04-19 17:30:39 发布

阅读量87

点赞数

分类专栏：前端文章标签： html html5 css

本文链接：https://blog.csdn.net/qq_26798533/article/details/120221685

版权

前端专栏收录该内容

24 篇文章 1 订阅

订阅专栏

<html>
    <head>

    </head>
    <body>
        <input type="text">
        <span id="text"></span>
    </body>
</html>


<script>
    var text=document.getElementById("text");
    var data={};
    var value="";

    Object.defineProperty(data,"name",{
        //获取值getter
        get(){
            return value;
        },
        set(val){
            text.innerHTML=val;
            value=val;
        }
    })

    window.addEventListener("input",function(e){
        data.name=e.target.value;
    })

</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

vvfar

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
双向绑定原理

<html> <head> </head> <body> <input type="text"> <span id="text"></span> </body></html><script> var text=document.getElementById("text"); var data={};.
复制链接

扫一扫