본문 바로가기

Frontend/Java Script

JS event (part. 01) - 이벤트

Evnet 종류

JS의 이벤트는 사용자가 발생시킬 수도 있고 애플리케이션 스스로 발생시킬 수도 있다.

  • 마우스 이벤트
  • 키보드 이벤트
  • html 프레임 이벤트
  • html 입력 양식 이벤트
  • 유저 인터페이스 이벤트
  • 구조 변화 이벤트
  • 터치 이벤트

이벤트 연결

이벤트를 연결한다 => window 객체의 onload 속성에 함수 자료형을 할당하는 것

 <script>
     window.onload = function () {  };
 </script>

 

이때 load를 '이벤트 이름' 또는 '이벤트 타입'이라고 하며 onload를 '이벤트 속성'이라고 함

이벤트 속성에 할당한 함수를 '이벤트 리스너' 또는 '이벤트 핸들러'라고 함


이벤트 모델

문서에 객체를 연결하는 방법을 이벤트 모델이라고 함

DOM Level 단계에 따라 두가지로 분류, 다시 두가지로 각각 나눠짐 (총 4가지)

 

DOM Level 0

- 인라인 이벤트 모델

- 기본 이벤트 모델

 

DOM Level 2

- 마이크로소프트 인터넷 익스플로러 이벤트 모델

- 표준 이벤트 모델