JavaScript Events

이벤트
자바스크립트를 사용하면 동적인 웹 페이지를 만들 수 있다. 이벤트는 자바스크립트에 의해 확인될 수 있는 액션이다.

웹 페이지의 모든 엘리먼트들은 자바스크립트 함수를 호출할 수 있는 특정 이벤트들을 가지고 있다. 예를 들어, 사용자가 버튼을 눌렀을 때 함수를 호출할 수 있는 버튼 엘리먼트의 onClick 이벤트를 사용할 수 있다. 이벤트는 HTML 태그안에 정의한다.

이벤트의 예:
    * 마우스 클릭
    * 웹 페이지 또는 이미지 로딩
    * 웹 페이지의 특정 지역으로 마우스를 올려놓는 것
    * HTML 폼의 입력 창을 선택하는 행위
    * HTML 폼 보내기
    * 키보드 입력

모든 이벤트 종류
FF : 파이어폭스 N : 네스케이프 IE : 인터넷 익스플로러

Attribute	The event occurs when...	FF	N	IE
onabort	Loading of an image is interrupted	1	3	4
onblur	An element loses focus	1	2	3
onchange	The user changes the content of a field	1	2	3
onclick	Mouse clicks an object	1	2	3
ondblclick	Mouse double-clicks an object	1	4	4
onerror	An error occurs when loading a document or an image	1	3	4
onfocus	An element gets focus	1	2	3
onkeydown	A keyboard key is pressed	1	4	3
onkeypress	A keyboard key is pressed or held down	1	4	3
onkeyup	A keyboard key is released	1	4	3
onload	A page or an image is finished loading	1	2	3
onmousedown	A mouse button is pressed	1	4	4
onmousemove	The mouse is moved	1	6	3
onmouseout	The mouse is moved off an element	1	4	4
onmouseover	The mouse is moved over an element	1	2	3
onmouseup	A mouse button is released	1	4	4
onreset	The reset button is clicked	1	3	4
onresize	A window or frame is resized	1	4	4
onselect	Text is selected	1	2	3
onsubmit	The submit button is clicked	1	2	3
onunload	The user exits the page	1	2	3

숫자들은 무얼을 뜻하는건지;;; 모르겠네요.

onload and onUnload
페이지에 들어오거나 떠날 때 발생하는 이벤트.
onload를 사용하여 사용자의 브라우저 타입을 확인하여 그에 맞는 페이지를 보여줄 수 있다.
주로 웹 페이지에 들어오거나 나갈 때 쿠키를 다루기 위해 사용한다. 예를 들어, 페이지를 처음 방문할 때 팝업 창을 띄워서 이름을 물어보고 다음에 방문 할 때 "Hi, 기선"과 같이 인사말을 뿌릴 수 있다.

onFocus, onBlur and onChange
폼의 필드를 검증할 때 주로 사용한다.
다음의 코드는 사용자가 폼의 컨텐츠를 변경 시킬 때 마다 checkEmail() 함수를 호출한다.