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
    }
}

Answer 2

当然，我认为您需要onChange()（当正在编辑文本时）或onBlur()（当文本框失去焦点时）。看看这里的区别。

由于您正在学习，jQuery可以帮助您解决一些细微差别 - 包括这里。

Answer 3

Javascript 是事件驱动的，所以是的，您可以在他们使用 keyup 键入或用户离开文本框控件时捕获事件。

您可以在他们离开后检查文本框的长度，验证他们输入的内容，然后运行计算。

我通常在用户离开文本框后使用模糊来捕捉。我通常使用 Onchange 进行选择。