이벤트
- 웹 브라우저가 알려주는 HTML. 요소에 대한 사건의 발생
- HTML 속성에서 on과 관련된 속성이므로 모든 요소에 사용 가능
- 자주 쓰는 타입 : onload, onclick, onchange, onmouse-,onfocus
이벤트명="함수명()or함수형태", js에는 해당 함수명이 들어간 함수 작성addEventListener : 객체나 요소의 함수에 이벤트 리스너를 전달하는 함수
대상객체.addEventListener(이벤트명,실행할 이벤트 핸들러);하나의 객체에 여러 개의 이벤트 리스너를 등록 가능
반대로 제거는 removeEvnetListener
이벤트 리스너 호출 : 이벤트가 발생 시, 브라우저는 자동으로 등록된 이벤트 리스너를 호출
이벤트의 대상이 되는 객체나 요소에 프로퍼티로 등록된 이벤트 리스너를 제일 먼저 호출하고 그 뒤에 addEventListener()함수를 사용하여 등록한 이벤트 리스너를 등록한 순서대로 호출
이벤트 객체-특정 타입의 이벤트와 관련이 있는 객체. 해당 타입의 이벤트에 대한 상세 정보를 저장
프로퍼티 : 타입을 나타내는 type, 대상을 나타내는 target
addEventListener의 () 안의 이벤트 핸들러의 경우 매개변수(인수)를 쓸 수 없기 때문에 매개변수를 쓸려고 한다면 익명함수 안에 함수를 호출해서 사용해야 한다.