Javascript onChange会在每次击键时触发

我在组件的输入框中有一个

onChange

事件属性

<input
    type="text"
    required
    className="form-control"
    onChange={this.onChangeUsername}
/>

每次击键时都会调用此函数。为什么呢

---

因为

onChange

事件。听起来，由于

onChange

事件，应用于该输入的每一项更改都将触发函数

onchangeename

。听起来，应用于该输入的每一个更改都将触发函数

onChangeUsername

React的

onChange

行为与本机事件不同。它的行为更像。如果希望在用户离开该字段后收到通知，建议使用

onBlur

---

请参阅和

React的

onChange

的行为与本机事件不同。它的行为更像。如果希望在用户离开该字段后收到通知，建议使用

onBlur

---

请参阅和

onChange在该元素上失去焦点时应触发，对吗？这就是

onBlur

。更改应该在用户离开该字段后触发。有关某些元素，请参见

，其中包括，在控件失去焦点之前不会触发更改事件。尝试在下面的字段中输入一些内容，然后单击其他地方触发事件。

onChange一旦失去对该元素的关注就会触发，对吗？这就是

onBlur

。更改应该在用户离开该字段后触发。有关某些元素，请参见

，其中包括，在控件失去焦点之前不会触发更改事件。尝试在下面的字段中输入一些内容，然后单击其他地方触发事件。

有趣的是，使用原始HTML/JS时不是这样，但它确实发生在一个非常简单的React应用程序中。请注意有趣的应用程序上的正确行为，使用原始HTML/JS时并非如此，但它确实发生在一个非常简单的React应用程序中。注意屏幕上的正确行为

onChangeUsername(e) {
    console.log(e.target.value);
    this.setState({
      username: e.target.value,
    });
}