JAVASCRIPT key down 이벤트 설정 과 키보드 key code

// 바닐라
document.addEventListener('keydown', function(event) {	//반대는 keyup
    console.log('Key pressed:', event.key);  			// 누른 키의 값 출력
    console.log('Key code:', event.code);    			// 누른 키의 코드 출력
    
    // 특정 키에 대한 작업 예시
    if (event.key === 'Enter') {
        console.log('Enter key was pressed');
	}
});


// jQuery
$(document).on('keydown', function(event) {  // 반대는 keyup
    console.log('Key pressed:', event.key);  // 누른 키의 값 출력
    console.log('Key code:', event.code);    // 누른 키의 코드 출력
    
    // 특정 키에 대한 작업 예시
    if (event.key === 'Enter') {
        console.log('Enter key was pressed');
    }
});

 

키보드의 KeyCode 값( 숫자값)

키	keyCode
0	48
1	49
2	50
3	51
4	52
5	53
6	54
7	55
8	56
9	57

키	keyCode
A	65
B	66
C	67
D	68
E	69
F	70
G	71
H	72
I	73
J	74
K	75
L	76
M	77
N	78
O	79
P	80
Q	81
R	82
S	83
T	84
U	85
V	86
W	87
X	88
Y	89
Z	90

키	keyCode
enter	13
esc	27
space	32
shift	16
control	17
alt	18
backspace	8
tab	9
caps lock	20
arrow up	38
arrow down	40
arrow left	37
arrow right	39
delete	46
insert	45
home	36
end	35
page up	33
page down	34

키	keyCode
Numpad 0	96
Numpad 1	97
Numpad 2	98
Numpad 3	99
Numpad 4	100
Numpad 5	101
Numpad 6	102
Numpad 7	103
Numpad 8	104
Numpad 9	105
Numpad *	106
Numpad +	107
Numpad -	109
Numpad .	110
Numpad /	111