使用文本输入使javascript变量更新处于活动状态_Javascript_Html_Live

使用文本输入使javascript变量更新处于活动状态

javascript html

使用文本输入使javascript变量更新处于活动状态,javascript,html,live,Javascript,Html,Live,嘿，这是我第一篇文章的编辑版本：我想做的就是有一个文本输入框，将其内容存储在javascript变量中。关键是我希望它实时发生，因此变量将自动更新，比如说，ever.2秒，而用户无需按下submit按钮。谢谢您正在寻找双向数据绑定吗？像这样的：您可以使用Angular、React和Vue.js框架实现这一点，即使使用jQuery也是如此。也许您应该尝试一种能够快速解决您需求的框架如果您选择Angular，我建议您执行教程步骤，特别是这一部分：php在页面发送到浏览器之前很久就在服务器上运行

嘿，这是我第一篇文章的编辑版本：

我想做的就是有一个文本输入框，将其内容存储在javascript变量中。关键是我希望它实时发生，因此变量将自动更新，比如说，ever.2秒，而用户无需按下submit按钮。谢谢

您正在寻找双向数据绑定吗？像这样的：

您可以使用Angular、React和Vue.js框架实现这一点，即使使用jQuery也是如此。也许您应该尝试一种能够快速解决您需求的框架

如果您选择Angular，我建议您执行教程步骤，特别是这一部分：

php在页面发送到浏览器之前很久就在服务器上运行，因此不清楚您的更高级别目标是什么。您可以根据用户事件向服务器发送数据，但总体问题过于宽泛，没有更多细节。花几分钟的时间来帮助我们阅读您希望在每次按键事件中触发Ajax调用的声音。当然，每个按键都会添加一个新的数据库更新。所以也许你想要一个onchange事件。但这需要用户在文本输入框外单击以触发事件。那么，也许是一个计时器来检查文本是否不同？但如果在他们仍在键入时触发，您将再次获得多个数据库条目。隐马尔可夫模型。。。也许你应该明确地定义你想做什么，以及所有控制你如何做的规则？

<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>