直接上代码

   输入： <input type="text" id="inputText" />
   动态值：<span id="show"></span>
  <script type="text/javascript">
            var inputText = document.getElementById("inputText");
            var show = document.getElementById("show");
            // 输入框添加input事件
            inputText.addEventListener("input", function(e){
                // 给劫持对象设置为输入后的值
                defineObj.value = e.target.value;
            });
            // 劫持对象
            var defineObj = {};
            // defineProperty进行劫持
            Object.defineProperty(defineObj, 'value',{
                configurable: true,
                enumerable: true,
                get: function(){
                    return val;
                },
                set: function(newVal) {
                    val = newVal; 
                    // 设置输入值跟随变化
                    inputText.value = val;
                    show.innerHTML = val;
                }
            })
        </script>