728x90 chips1 Blur 시 Enter 키 이벤트 디스패치: MUI Autocomplete vs TextField — 실전 패턴 & 예제 1) 문제 정의사용자가 이메일을 입력한 뒤 Enter를 누르지 않고 포커스만 이동(blur)해도, 입력된 값을 즉시 확정(칩 추가/제출)하고 싶다. MUI Autocomplete는 onClose(event, reason) 콜백에서 reason === 'blur'로 분기 가능하지만, TextField는 onClose가 없으므로 onBlur에서 직접 처리해야 한다.2) 핵심 요약Autocomplete: onClose={(e, reason) => { if (reason === 'blur') ... }}TextField: onBlur={(e) => {...}}에서 네이티브 KeyboardEvent('keydown', { key: 'Enter', bubbles: true }) 디스패치권장 대안: 가능하다면 "가짜.. 2025. 11. 7. 이전 1 다음 728x90