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

How to force function execution after input with JavaScript

本文关键字：强制执行 函数 输入 何使用 JavaScript      更新时间：2023-09-26

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

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

还有一个按钮"计算分数"，当用户单击它时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
    }
}

当然，我认为您需要onChange()（编辑文本时）或onBlur()（当文本框失去焦点时）。 在此处查看差异。

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

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

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

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

相关文章：