728x90 keyup2 [React] KeyDown, KeyUp 한국어 2번? onKeyUp, onKeyDown 한글 입력 시 두번 실행되는 오류특정 환경에서 한글 입력 시 composing 단계를 거치는데 이게 완료되지 않아 keyCode나 which 값이 229가 나오는 에러가 발생한다고 한다.이 229 에러가 발생해 그 연장선으로 key event가 제대로 작동하지 않아 결국 함수가 두 번씩 실행된 것 같은데, 두 번 실행에 대한 정확한 사유는 적혀있지 않았다.onKeyDown을 사용하고, composing 단계랑 keyCode === 229 일 때 return 하는 방법으로 걸러주어 밑의 작성된 코드를 정상적인 동작을 하게끔 만들어 주는 것으로 파악된다.function keyEnterHandler(e) { if (e.isComposing || e.keyCode === 22.. 2025. 2. 3. 자바스크립트#07 : 문서 객체 모델 DOMContentLoaded 이벤트를 사용한 문서 객체 조작과 다양한 이벤트 문서 객체를 조합해서 만든 전체적인 형태인 문서 객체 모델(Document Objects Model)을 조작하는 방법을 정리해보겠다. Document Objects Model을 이용할 때는, HTML문서의 태그들을 객체로 생각하고 이해하면 된다. HTML 코드를 자바스크립트로 조작해보기 1번째 h1 태그 2번째 h2 태그 body 태그는 head태그 다음에 생성된다. document는 웹페이지 DOMContentLoaded 이벤트 - DOMContentLoaded 이벤트는 웹 브라우저가 문서 객체를 모두 읽고 나서 실행하는 이벤트이다. - DOMContentLoaded 상태가 되었을 때, 콜백 함수 호출! addEventLis.. 2022. 12. 20. 이전 1 다음 728x90
