离开输入字段后调用函数

Call a function after leaving input field

本文关键字：调用 函数 字段 输入 离开      更新时间：2023-09-26

在联系人表单上，我有几个输入字段。其中一个字段是电子邮件地址字段：

<input type='text' name='input_email' onChange={this.validateEmail}/>

现在，我已经将电子邮件验证函数设置为onChange属性。因此，当用户在电子邮件字段中输入字符时，会一直显示一条错误消息。

我想更改这一点，这样当用户离开特定的输入字段时，this.validateEmail只被调用一次。我该如何做到这一点？

我找不到任何可以解决此问题的默认对象事件。

仅供参考，使用ReactJS

您可以使用onblur()或onfocusout()。一旦您点击该文本字段，它就会调用函数。

示例：

function myFunction() {
    var x = document.getElementById("sometext");
    x.value = x.value.toUpperCase();
}
<input type="text" id="sometext" onfocusout="myFunction()">

注意：从React 16开始，onFocusIn和onFocusOut分别被onFocus和onBlur取代。因此，您现在拥有：

<input type='text' name='input_email' onBlur={this.validateEmail}/>

如果您只想使用JavaScript:

document.getElementById("id").addEventListener("blur", function() {
  alert("Hello World")
});
  • 模糊
相关文章：