javascript - 当我们在前两个文本框中输入值时，自动在第三个框中生成输出的 HTML 程序？

Question

我的页面上有三个文本框和三个单选按钮。我已经编写了算术运算程序，即 add、sub、mul 等。现在我想在第一个文本框中输入值时在第三个文本框中自动生成结果两个文本框而不单击任何按钮。即，如果选择了添加单选按钮并且我在前两个文本框中输入了值，我应该在第三个文本框中得到添加结果，而无需再次检查单选按钮。请有人帮助并告诉我该怎么做？

Answer 1

您要做的是在输入字段上侦听更改或 keyup 事件。

一旦文本字段失去焦点，就会触发 change 事件，当按下键盘上的某个键并且不再按下时，将触发 keyup 事件。在我看来，这种情况下的 Keyup 更有意义。

以下代码应该让您继续前进：

function recalculate() {
  // recalculate your operation here
}

// assign a keyup handler to your fields
document.all.inputFieldA.onkeyup = recalculate;
document.all.inputFieldB.onkeyup = recalculate;