通过文本输入实时更新javascript变量

时间:2018-07-04 22:40:36

标签: javascript html live

嘿,这是我第一篇文章的编辑版本:

我想做的几乎是一个文本输入框,将其内容存储在javascript变量中。问题是我希望它能够实时发生,因此该变量将自动更新,例如.2秒,而无需用户按下提交按钮。谢谢

1 个答案:

答案 0 :(得分: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框架来实现这一点。也许您应该尝试一种可以快速解决您的需求的框架。

如果您选择Angular,我建议您执行本教程的步骤,特别是这一部分:https://angular.io/tutorial/toh-pt1#two-way-binding