마이컴: 3월 2012

2012년 3월 31일 토요일

자바스크립트 이벤트

1.이벤트란?

이벤트란
프로그램에 의해 감지되는 어떤 행동이나 발생된 사건(일) 등을 가리킨다.
예를 들어
    사용자가 마우스 단추나 키보드의 키를 누르는 등과 같이 사용자에 의해 발생하는 행위
     타이머 시간도 이벤트가 될수 있다.
     화상캠, 랜카드등 다양하다.
     메모리부족등 시스템에서 발생한 일들...

2. 이벤트(event)의 발생

event도 하나의 개체(event)를 생성하므로,
event가 발생되면 자동적으로 event 개체가 생성되어 발생된 event의 내용을 참조할 수 있다.

event.type="mouseout" event.button="0"
event.clientX="773" event.clientY="450"

자바스크립트의 이벤트 종류
마우스, 키 입력, 입력폼, 초점, 로드 언로드 ,오류, 인쇄, 복사, 끌어놓기, 시간, 마퀴,
데이터, 첨부, 제어, 창 조절, 비헤이버, 메디어, 기타등
이렇게 다양하기 때문에 이벤트를 종류별로 구별해서 공부해야 한다.

3.이벤트의 문법

4.이벤트(event)와 이벤트처리자

4.이벤트 종류

가.키보드 이벤트[event.keyCode]

자바스크립트 엔진속에 이벤트 처리자가
개체를 생성해 발생된 이벤트의 내용을 참조하거나 기능을 동작 시킬수 있다.
여기서 말하는 개체는 객체가 아니다.
객체와 개체의 개념은 다르다.
여기서 개체는 인스턴스와 같다.
즉 메모리에 실현된 개체이다.

나.이벤트 키코드값

ESC = 27

TAB = 9
CAPSLOOK = 20SHIFT = 16
윈도우(왼쪽) = 91
한자 = 25

F1 = 112
F2 = 113
F3 = 114
F4 = 115

F5 = 116
F6 = 117
F7 = 118
F8 = 119

F9 = 120
F10 = 121
F11 = 122F12 = 123
기능키 = 93

←(백스페이스) = 8-(중간) = 189
=(중간) = 187
\(중간) = 220`(왼쪽콤마) = 192
ENTER = 13
SHIFT = 16
CTRL = 17
ALT = 18윈도우(오른쪽) = 92
한/영 = 21

PAUSEBREAK = 19SCROLLLOCK = 145
PAGEUP = 33
PAGEDN = 34
END = 35
HOME =36INSERT = 45
DELETE = 46

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

←(중간) = 37
↑(중간) = 38
→(중간) = 39
↓(중간) = 40

스페이스 = 32

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
-------------------------------------------------------------

<html>
<head>
 <script>
function key(){
alert("키번호는 " +event.keyCode+ " 입니다.");
}
</script>
</head>
<body onKeyDown='key();'>
 키코드 확인!
</body>
</html>

-------------------------------------------------------