[Java Script] Event & Handler
앎/web 2014. 2. 18. 14:57 |이벤트는 웹 페이지에서 사용자에 의해 일어날 수 있는 모든 사건을 말한다. 마우스의 움직임, 버튼 클릭 등이 이벤트에 해당한다. 이런 이벤트가 발생했을 때를 인식하고 그에 대한 특정 행위를 하는 것이 이벤트 핸들러이다.
이벤트 처리는 자바 스크립트로 만들고 이벤트 핸들러는 HTML 태그에서 속성처럼 사용한다.
이벤트 핸들러는 이벤트명 앞에 on이라는 접두어를 붙여 사용한다.
다음은 자주 쓰이는 이벤트이다.
이벤트 |
설명 | 태그 속성 |
Focus |
텍스트 필드와 같은 영역에 포커스가 주어질 때 발생 | onFocus |
Blur |
텍스트 필드와 같은 영역에서 포커스가 빠져나갈 때 발생 | onBlur |
Select |
텍스트 필드와 같은 영역 내 문자가 블록(이 쳐질, 선택)될 때 발생 | onSelect |
Change |
<select> 태그와 같은 영역의 데이터 변화 시 발생 | onChange |
Load |
<body> 태그에 많이 쓰이며 페이지가 로딩될 때 발생 | onLoad |
Unload |
<body> 태그에 많이 쓰이며 해당 페이지를 빠져 나갈 때 발생 | onUnload |
Click |
마우스 버튼이 클릭될 때 발생 | onClick |
Submit |
Submit 버튼을 누를 때 발생 | onSubmit |
| Reset | Reset 버튼을 누를 때 발생 | onReset |
'앎 > web' 카테고리의 다른 글
| 자바 입출력(I/O) - 스트림(Stream) 입출력 (0) | 2014.02.24 |
|---|---|
| [Java Script] 사용자 정의 객체 & 내장 객체 (0) | 2014.02.18 |
| CSS (Cascading Style Sheet) - 레이어 (0) | 2014.02.17 |
| CSS (Cascading Style Sheet) - 속성 (0) | 2014.02.17 |
| CSS (Cascading Style Sheet) - 기본 (0) | 2014.02.14 |