当前位置：网站首页>js实现双向数据绑定

js实现双向数据绑定

2022-06-27 05:41:00 【小-黯】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" value="1" id="input">
    <script>
        var obj ={
    }
        var input = document.getElementById('input');
        Object.defineProperty(obj, "txt", {
    
            get: function(){
    
                console.log("读取数据");
                return input.value;
            },
            set: function(val){
    
                console.log("修改数据", val);
                input.value = val;
            }
        })
        input.addEventListener("keyup", function(e){
    
            obj.txt = input.value;
        })
    </script>
</body>
</html>

原网站

版权声明
本文为[小-黯]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_44625774/article/details/125451638

当前位置：网站首页>js实现双向数据绑定

js实现双向数据绑定

边栏推荐

猜你喜欢

随机推荐