javascript - 使用JavaScript输入后如何强制执行函数

我正在制作一个小型计算器（仅用于JavaScript学习），并且有两个用于分数计算的输入字段：


字段：分子
领域：分母


还有一个“计算分数”按钮，当用户单击它时将执行功能myFraction(numerator,denominator)。

没有按钮，是否可以做同样的事情？
我的意思是JavaScript应该认识到有人在进行输入，然后自动计算分数。

最佳答案

您可以连接到onkeyup或onkeydown事件处理程序并调用函数：

<input type="text" id="numerator" onkeyup="myFraction()" />
<input type="text" id="denominator" onkeyup="myFraction()" />

不过，您需要先获取myFraction（）函数中文本框的值，然后检查它们是否为空白，然后再将分数值输出到屏幕。

function myFraction() {
    if(document.getElementById("numerator").value != "" &&
       document.getElementById("denominator").value != "") {
        ...do calculations
    }
}