双向数据传递

来源:互联网 发布:淘宝童鞋女孩冬季筒靴 编辑:程序博客网 时间:2024/06/08 04:31
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text">
    <p></p>
    <script>
        var inp = document.getElementsByTagName('input')[0];
        var p = document.getElementsByTagName('p')[0];
        var obj = {};
        Object.defineProperty(obj,'val',{//当obj.val的值发生改变时,将会执行该get和set方法
            get:function(){
                return inp.value;
            },
            set:function(val){
                p.innerHTML = val;
            }

        });

//第一个参数:目标对象
        //第二个参数:需要定义属性和方法的名字
        //第三个参数:目标属性所拥有的特性,必须是对象

        inp.oninput = function(){
            obj.val = inp.value;

        };

    </script>
</body>
</html>

阅读全文
0 0
原创粉丝点击