原生js双向数据绑定前端数据劫持Object.defineProperty

最新推荐文章于 2024-08-02 13:35:44 发布

weixin_30826095

最新推荐文章于 2024-08-02 13:35:44 发布

阅读量107

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/geekjsp/p/9545102.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text" id="dadasdasda">
　　　 //obj.hello为变量
    <div id="bbbbb">{{ obj.hello }}</div>

    <script type="text/javascript">

        var obj={};

        //前端数据劫持  对象属性的监听
        Object.defineProperty(obj,'hello',{
            set:function(val){
                console.log("val: ");
                console.log(val);
                document.getElementById("bbbbb").innerHTML=val;

            }
        })

        document.getElementById("dadasdasda").οnkeyup=function (e) {
            console.log(e.target.value);

            obj.hello=e.target.value;
            console.log("obj.hello: "+obj.hello);
        }
        obj.hello = "";
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/geekjsp/p/9545102.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30826095

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
原生js双向数据绑定前端数据劫持Object.defineProperty

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <input type="text" id="dadasdasda">　　　 //o...
复制链接

扫一扫