이벤트 ( Event )
이벤트(Event) : 동작, 행위
-> 브라우저에서의 동작, 행위 : click, keyup, keydown, mouseover, drag, change, submit, ...
참고 사이트
이벤트 리스너(Event Lister)
-> 이벤특 발생하는 것을 대기하고 있다가 이벤트가 발생하는 것이 감지되면 연결된 기능(함수)를 수행하는 것
ex) onclick, onkeyup, onchange, onsubmit ... (on 이벤트명)
이벤트 핸들러(Event Handler)
-> 이벤트 리스너에 연결된 기능으로 이벤트 발생 시 수행하고자 하는 내용을 작성해둔 함수
인라인 이벤트 모델
요소 내부에 이벤트를 작성하는 방법으로
on 이벤트명 = 함수명() 형태로 작성함.
고전 이벤트 모델
요소가 가지고 있는 이벤트 속성(이벤트 리스너)에 이벤트 핸들러를 연결하는 방법으로 인라인 모델처럼 HTML 요소에 JS 코드를 포함되는 것이 아닌 script에만 이벤트 관련 코드를 작성할 수 있다.
표준 이벤트 모델 ( addEventListener )
-
W3C ( HTML, CSS, JS 웹표준 지정 단체 )에서 공식적으로 지정한 이벤트 모델(이벤트 동작 지정 방법)
-
한 요소에 여러 이벤트 핸들러를 설정할 수 있다.
-> 고전 이벤트 모델 단점 보안
dudu