使用JS原生方法Object.definePropery实现数据的双向绑定

置顶 JustDoIt521

于 2019-01-25 15:46:03 发布

阅读量286

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_34119437/article/details/86647302

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <text>实现双项绑定</text>
  </head>
  <body>
    <input type="text" id="input"></input>
    <span>the input value</span>
    <div id="show"></div>
  </body>
  <script>
    var inputValue = {};
    var inputDemo = document.querySelector("#input");
    var showDemo = document.querySelector("#show");
    Object.defineProperty(inputValue, "values", {
      get: function() {
        return 
      },
      set: function(newValue) {
        showDemo.innerHTML = newValue;
      }
    });
    inputDemo.oninput = function () {
      inputValue.values = this.value;
    }
  </script>
</html>