javascript - 实时更新Javascript计算器答案

Question

有没有办法让 JavaScript 计算器在用户键入时计算答案，而不必像本示例中那样按“计算”按钮？

<form  name="form" id="form">
<input type="Text" name="weight" size="4"> Weight (in Kilos)  
<input type="Text" name="height" size="4"> Height (in Centimeters)<br>
<input type="Text" name="BodyMassIndex" id="BodyMassIndex" size="4"> BMI     
<input type="button" style="font-size: 8pt" value="Calculate" onClick="calculateBMI()" name="button">
</form>

使用 onblur 是一种改进，但您仍然需要单击文本框来模糊输入才能获得答案。就像我说的，我希望答案能够实时更新。有什么建议么？谢谢!

Answer 1

如果用户正在键入，您可以使用 keyup 事件。所以基本上，每次用户键入一个键时，您的事件处理程序都会触发并可以更新 View /显示。