Posted
Filed under Htm&Javascript

JavaScript event.keyCode 자바스크립트 이벤트 키코드표

---------------------------------------
키코드표
---------------------------------------
←(백스페이스) = 8
TAB = 9
ENTER = 13
SHIFT = 16
CTRL = 17
ALT = 18
PAUSEBREAK = 19
CAPSLOOK = 20
한/영 = 21
한자 = 25
ESC = 27
스페이스 = 32

PAGEUP = 33
PAGEDN = 34
END = 35
HOME =36
←(중간) = 37
↑(중간) = 38
→(중간) = 39
↓(중간) = 40
INSERT = 45
DELETE = 46

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

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

윈도우(왼쪽) = 91
윈도우(오른쪽) = 92
기능키 = 93

0(오른쪽) = 96
1(오른쪽) = 97
2(오른쪽) = 98
3(오른쪽) = 99
4(오른쪽) = 100
5(오른쪽) = 101
6(오른쪽) = 102
7(오른쪽) = 103
8(오른쪽) = 104
9(오른쪽) = 105
.(오른쪽) = 110
/(오른쪽) = 111
*(오른쪽) = 106
+(오른쪽) = 107
-(오른쪽) = 109

F1 = 112
F2 = 113
F3 = 114
F4 = 115
F5 = 116
F6 = 117
F7 = 118
F8 = 119
F9 = 120
F10 = 121
F11 = 122
F12 = 123

NUMLOCK = 144
SCROLLLOCK = 145
=(중간) = 187
-(중간) = 189
`(왼쪽콤마) = 192
\(중간) = 220
--------------------코드값알기---------------------
안녕하세요.
event.keyCode를 사용하시는 분들중에서 코드를 몰라서 못쓰시는 분들이 있을것
같아서 올립니다. 분명히 말씀드리지만 아시는 분들도 계실겁니다.
모르는 분들을 위해 올리는 것입니다. 혹시나 아신다고 욕쓰고 그러지 마십시요.
저번에도 알고리즘 하나 올렸는데 욕무지쓰셔서 속상했습니다..ㅠㅠ
그럼 즐거운하루 되시고...

그리고 코드를 알아낼수있는 방법은 다음과 같습니다.
<html>
<head>
<script>
function key_check(){
alert!("키번호는 [" +event.keyCode+ "] 입니다.");
}
</script>
</head>
<body omKeyDown='key_check();'>
알고싶은 키패드를 꽉! 눌러주세요...ㅡㅡ;
</body>
</html>
-------------------사용법-------------------------
필드 입력하고 나서 엔터 때리면 이벤트 발생
event.keyCode 의 키표를 보고 어떤걸 누룰것이지?
<input type="text" name="ccc"
omKeyDown="javascript:if(event.keyCode==13){alert!('ok!');}" >

------------------주의---------------------------
폼 안의 마지막 text를 입력한 후 이벤트를 실행하면 폼안의 값을 넘기거나 action 이 없을경우 reflesh 되는현상이 있다.
이럴 경우 마지막 text 뒤에
<input type="text" style="width:0; visibility:hidden;">
이렇게 눈에 안보이는 text 박스를 한게 추가해주면 refresh 되지 않는다.

2011/03/31 13:29 2011/03/31 13:29