用户键入数字时的 Javascript 计算器

Question

我是 Javascript 的新手，但我正在尝试在我的网站上实现一些功能，用户可以在其中输入数量，然后在他们输入时小计会动态更新。例如:如果每个项目是 10 美元，并且用户在文本字段中键入 5，我希望它在文本框旁边显示 50 美元。非常简单的乘法，但我不知道如何使用 Javascript 来实现。我觉得 onKeyPress 不知何故？谢谢!

Answer 1

假设以下 HTML:

<input type="text" id="numberField"/>
<span id="result"></span>

JavaScript:

window.onload = function() {
   var base = 10;
   var numberField = document.getElementById('numberField');
   numberField.onkeyup = numberField.onpaste = function() {
      if(this.value.length == 0) {
         document.getElementById('result').innerHTML = '';
         return;
      }
      var number = parseInt(this.value);
      if(isNaN(number)) return;
      document.getElementById('result').innerHTML = number * base;
   };
   numberField.onkeyup(); //could just as easily have been onpaste();
};

这是一个 working example .