reactjs - 当用户专注于输入以及失去焦点时，我如何捕捉并做某事？

Question

我的应用程序中有输入字段，我想在用户专注于输入时做一些事情（例如单击输入），并在用户失去焦点时做一些事情（例如单击其他字段或单击某个按钮）。

标签： reactjsjsx

Answer 1

您可以将onFocus事件用于输入焦点，将onBlur事件用于焦点输出。

<input
   type="text"
   onFocus={() => {
       // logic on input focus
   }}
   onBlur={() => {
       // logic on focusout
   }}
/>