onkeypress
-
[React] 한글 입력 시 onKeyDown 이슈개발/React 2022. 8. 26. 20:59
한글 입력 후 버튼을 클릭하여 메시지를 전송하면 문제가 없는데 엔터로 메시지를 전송하면 입력이 두 번씩 들어가는 문제가 생긴다. 반복 테스트를 해보니 어느 경우엔 그 이상으로도 메시지가 중복 전송된다. 입력값에 남아 있는 문자들 때문으로 추정된다. 클릭할 때 호출되는 함수와 엔터를 입력받아 호출되는 함수는 동일하다. 엔터를 입력하기 전 마침표를 찍거나 오른쪽 화살표 혹은 End 키를 눌러 커서를 마무리해주면 문제가 발생하지 않는다. 한글로 입력을 하면 커서가 마무리 되지 않기 때문에 이를 마무리해주면 오류가 나지 않는다. 영어를 입력했을 때와 한글을 입력했을 때의 차이가 조금 존재하는데 한글 입력은 마지막 음절에 계속 밑줄이 그어져있다. 한글은 한 음절에 여러 자음과 모음이 들어갈 수 있어서 추가 입력을..