[JavaScript] 자바스크립트 키보드에서 입력된 키 정보 확인하기

121_자바스크립트 키보드에서 입력된 키 정보 확인하기 [적용] 입력된 키에 따라 처리를 분류하고 싶을 때 [문법] 속성 의미 타입 키보드이벤트.key 눌러진 키의 값 문자열 키보드이벤트.code 눌러진 버튼의 코드 문자열 키보드이벤트.altKey 눌러진 키 값 확인 (Alt 키 여부) 진리값 키보드이벤트.ctrlKey 눌러진 키 값 확인 (Ctrl 키 여부) 진리값 키보드이벤트.shiftKey 눌러진 키 값 확인 (Shift 키 여부) 진리값 키보드이벤트.metaKey 눌러진 키 값 확인 (meta 키* 여부) 진리값 키보드이벤트.repeat 현재 키의 눌러진 상태 확인 진리값 키보드이벤트.isComposing 입력 중 상태 확인** 진리값 키보드이벤트.keyCode 눌러진 키의 아스키(ASCII) 코..

2022.06.29

[JavaScript] 자바스크립트 키보드 입력 이벤트 처리하기

120_자바스크립트 키보드 입력 이벤트 처리하기 [적용] 문자를 입력할 때마다 잡억을 실행하고 싶을 때 [문법] 이벤트 발생 타이밍 keydown 키를 누르는 시점 keyup 누를 키를 뗴는 시점 keypoess 문자 키가 눌려진 시점 [내용] keydown, keyup, keypress 는 키 입력을 감시하는 이벤트로, 각각의 이벤트가 발생하는 시점이 다르다. 다음 샘플을 확인해 보자. HTML index.html JavaScript main.js document.querySelector('.textarea').addEventListener('keydown', () => { console.log('키가 눌러졌습니다.'); }); document.querySelector('.textarea').addEv..

2022.06.28