字段离开的 Material UI TextField 事件

Posted 2023-02-22

【中文标题】字段离开的 Material UI TextField 事件

【英文标题】：Material UI TextField event for field leave

【发布时间】：2020-05-24 23:28:14

【问题描述】：

Material UI TextField 中是否存在离开字段或失去焦点的事件？

我需要两个事件，一个用于进入，一个用于离开该领域。输入字段可以使用onFocus处理，但是否也有一个可以离开，即onFocusLost或onUnfocus？以下代码段展示了当前的使用，缺少失去焦点的事件。

<TextField
    value=this.state.fieldFirstName
    onChange=(e: any) => this.onChangeFieldFirstName(e.target.value)
    onFocus=() => this.onFocusFieldFirstName()
/>

正在使用的版本：

节点 v13.8.0 npm 6.13.6 “@material-ui/core”：“4.6.1” “反应”：“16.11.0” “react-dom”：“16.11.0” “@types/react”：“16.9.11” “@types/react-dom”：“16.9.4”

【参考方案1】：

<TextField
value=this.state.fieldFirstName
onChange=(e: any) => this.onChangeFieldFirstName(e.target.value)
onFocus=() => this.onFocusFieldFirstName()
onBlur=() => this.onBlurField()/>

使用 onBlur 事件这将解决您的问题