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

Question

我正在制作一个小型计算器(仅用于 JavaScript 学习)，我有两个用于分数计算的输入字段:

1. 字段:分子
2. 字段:分母

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

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

Answer 1

您可以连接到 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
    }
}