본문 바로가기
Frontend/React

React input onFocus, onBlur(focus out) 😶‍🌫️

by 우보틀 2022. 4. 2.

react에서 input에 focus out을 이용하고 싶을때는 onBlur를 이용하면 됩니다.

 

javascript react
focusin onFocus
focusout onBlur

 

focusout으로 계속 시도해보다가 onBlur를 최근에 알게되었습니다. 

아래에 예제 추가해 두었습니다.

react 깃헙에서 관련 issue도 첨부해 두겠습니다!

react-dom 라이브러리에서 focusIn, focusOut 관련 부분도 캡처 & 링크 걸어두겠습니다.

 

 

https://github.com/facebook/react/issues/6410

 

onFocusIn/onFocusOut events · Issue #6410 · facebook/react

Like mouse enter/leave, these are almost always what you want, not the onFocus and onBlur events we currently expose. I run into this semi-frequently when actually doing product work. We should add...

github.com

 

 

https://github.com/facebook/react/blob/9198a5cec0936a21a5ba194a22fcbac03eba5d1d/packages/react-dom/src/shared/ReactDOMUnknownPropertyHook.js#L36

 

GitHub - facebook/react: A declarative, efficient, and flexible JavaScript library for building user interfaces.

A declarative, efficient, and flexible JavaScript library for building user interfaces. - GitHub - facebook/react: A declarative, efficient, and flexible JavaScript library for building user interf...

github.com

 

'Frontend > React' 카테고리의 다른 글

React form 블로그 따라 다루기  (0) 2022.04.06
React keys  (0) 2022.04.02
React moment locale 적용하기 🌹  (1) 2022.04.02
React Derived State 🥲  (0) 2022.04.02
React props, state 🏔  (0) 2022.04.02