자바스크립트 입력창에 한번초기화한후 다시 한글이 입력되었을때 마지막글자의 버퍼가 남아있습니다! 없애는 방법이 있을까요?

Question

국비프로젝트로 타자연습 프로그램을 만들고 있습니다 영어는 잘 동작하는데 한국어 단어나 자음 모음 연습을 할때입력창이 초기화 되었는데도 저번글자가 남아있어서 저번글자의 마지막글자 &#43; 새로입력한값이런식으로 출력됩니다.예를들어 학교 &#61;> 안녕 이면 굥 이 입력된 후에 안녕이 들어오면서교안녕이 입력되고있습니다.. 영어는 잘동작하는데 고칠방법이없을까요? function checkMatch(){ console.log(&#34;input >> &#34;&#43;wordInput.value,&#34;display>> &#34;&#43;wordDisplay.innerText); if(wordInput.value&#61;&#61;&#61; wordDisplay.innerText){ wordInput.value &#61; &#34;&#34;; if(!isPlaying){ return; } score&#43;&#43;; scoreDisplay.innerHTML &#61; score; time &#61; GAME_TIME; wordIndex&#43;&#43;; if(wordIndex >&#61; words.length){ wordIndex &#61; 0; } updateWordDisplay(); }};현재 체크하고 초기화하는 함수입니다

최은영 · Answer

if(wordInput.value=== wordDisplay.innerText){wordInput.value = "";if(!isPlaying){return;}위 부분에서 초기화 할 때 blur 이벤트로 input 을 빠져 나갔다가 값 초기화하고다시 focus 이벤트 줘 보시는건 어떠실까요?

Skylee-1996 · Answer

이벤트 주는 방식을 이런식으로 바꿔서 엔터를 눌렀을때 다음단어로 가게는 가능한데자동적으로는 안되네요ㅠ    let isComposing = false;    wordInput.addEventListener('compositionstart', function() {        isComposing = true;    });       wordInput.addEventListener('compositionend', function() {        isComposing = false;        checkMatch();    });    updateWordDisplay();}

yeori · Answer

한글처럼 2~4타이핑이 1글자에 대응하는 입력체계때문에 키 입력 중에 composing이라는 상태를 정의했습니다(표준에...)위 코드 말고 이벤트 걸어주는 코드가 있을텐데, composing 상태가 해제된 후에 리스너를 호출하는 이벤트를 사용해야 합니다.그리고 운영체제-브라우저에 따라서 다르게 동작할 수도 있음. 키 입력 및 처리가 완전히 호환되지 않아서 애를 많이 써야합니다.(특히 한글 입력할때)

자바스크립트 입력창에 한번초기화한후 다시 한글이 입력되었을때 마지막글자의 버퍼가 남아있습니다! 없애는 방법이 있을까요?

3개의 답변

기타 목록