使用文本输入使 javascript 变量更新生效

Question

嘿，这是我的第一个 post:

的编辑版本

几乎我想要做的是有一个文本输入框，将其内容存储在 javascript 变量中。问题是我希望它实时发生，所以变量会自动更新，比如每 .2 秒更新一次，而无需用户按下提交按钮。谢谢

Answer 1

您是否正在寻找双向数据绑定？像这样：https://codepen.io/manishiitg/embed/ZYOmbB?

<html>
    <head>
        <script src="https://code.angularjs.org/1.3.8/angular.min.js"></script>
        <script>
            var mainMod = angular.module('MainApp', []);
            mainMod.controller('MainCtrl', function ($scope) {
                $scope.text = '';
            });
        </script>
    </head>
    <body ng-app='MainApp'>
        <div ng-controller='MainCtrl'>
          <div>
            Change Text Here: 
            <input type='text' ng-model='text' />
          </div>
          <div>
            <p>Text: {{text}}</p>
          </div>
        </div>
    </body>
<html>

您可以使用 Angular、React 和 Vue.js 框架实现这一点，甚至可以使用 jQuery。或许您应该尝试其中一种能够快速解决您需求的框架。

如果你选择Angular，我建议你做教程步骤，特别是这部分：https://angular.io/tutorial/toh-pt1#two-way-binding

使用文本输入使 javascript 变量更新生效

make javascript variable update live with text input

html

javascript

live