使用文本输入使 JavaScript 变量实时更新



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

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

您是否正在寻找双向数据绑定?像这样的东西: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

相关内容

  • 没有找到相关文章

最新更新