[JS] input keydown 한글이 두번 찍힐 때

이창호·2022년 5월 27일
0

keydown으로 키보드 이벤트 발생 중 한글 입력 후 enter 를 누를 시
한글 끝부분이 두개씩 입력되는 경우가 있었어요

영어랑 다르게 한글은 자음과 모음이 합쳐지며 텍스트가 완성되기 때문에
텍스트의 제작과정(?)이라고 여기는건지.. 끝 글자가 두번 입력되는 현상이 발생하더라구요

이를 막는 메소드가 isComposing 이에요

const textField = document.querySelector(".input");


textField.addEventListener("keydown", (event) => {
	if (event.isComposing) return 
    ....

});

keydown이 일어날 때 event에 isComposing 일때는 넘어가도록 처리를 하면
끝 글자가 한번 더 입력되는 현상을 방지할 수 있어요

profile
조금씩 나아지기

0개의 댓글