表单上的值的实时更新

Question

与我在这里的其他问题（已回答）稍有关系，我想知道以下情况是否可能（这很可能是非常基本的，但是我对JavaScript有点不满意）！

因此，我有2个输入字段，用户可以在其中输入一些内容。他们按下“计算”，然后该函数将汇总他们输入的内容，然后分别为每个值计算1,2％和3％。看起来像这样：

input 1%value
input 2%value
input 3%value
total total

有没有办法让我能够实时更新表单？因此，我的意思是，一旦用户在字段中输入一个值，该函数就会自动开始更新诸如total等的值？我将如何实现这一目标，是否可以完全在JavaScript中完成？

谢谢

Answer 1

如果您想显示“实时”（即用户键入时）值，您可以使用 keyup 值：

• http://www.w3schools.com/jsref/event_onkeyup.asp （用于纯javascript）
• http://api.jquery.com/keyup/（对于 jquery）

Answer 2

在事件上放置一个事件处理程序onBlur。如果您有一个名为 的 Javascript 函数calculateStuff()，您的输入元素可以像这样引用它：

<input name="something" type="text" onblur="calculateStuff();" value="">

该onBlur事件在用户离开该字段时发生。如果您希望它在他们仍在打字时发生，您可以onChange以相同的方式使用处理程序。