<div>
<input type="text" id="txt">
<p id="vm"></p>
</div>
</body>
<script>
var obj={};
Object.defineProperty(obj,'txt',{
get:function () {
return obj;
},
set:function (newValue) {
document.getElementById('txt').value=newValue;
document.getElementById('vm').innerHTML=newValue;
}
})
document.addEventListener('keyup',function (e) {
obj.txt=e.target.value;
})
</script>
复制代码
JavaScript实现双向绑定Object.defineProperty()
程序员文章站
2022-07-12 21:58:47
...
转载于:https://juejin.im/post/5ce4f478e51d455070226f03
上一篇: TLS 1.3 协议详解
下一篇: 创建数字证书
推荐阅读
-
Vue使用.sync 实现父子组件的双向绑定数据问题
-
Vue组件内部实现一个双向数据绑定的实例代码
-
JavaScript中双向数据绑定详解
-
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
-
vue.js利用Object.defineProperty实现双向绑定
-
VUE-Table上绑定Input通过render实现双向绑定数据的示例
-
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
-
jquery,js简单实现类似Angular.js双向绑定
-
使用ES6实现MVVM双向绑定的方法和步骤
-
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法