이벤트 연결 방식은 “어디에 함수를 붙이느냐”로 구분한다
HTML 속성, 고전 이벤트 모델, 표준 이벤트 모델은 모두 사용자 행동과 함수를 연결하지만 분리 정도와 중복 등록 가능성이 다릅니다.
방식
연결 위치
판정 단서
HTML 속성
<button onclick="...">
태그 안에 JavaScript가 섞이면 이 방식입니다.
고전 모델
button.onclick = fn;
같은 속성에 다시 대입하면 앞 함수가 덮일 수 있습니다.
표준 모델
addEventListener("click", fn)
여러 리스너를 붙일 수 있어 실제 개발에서 기준이 됩니다.
시험에서는 “태그 안”, “이벤트 속성 대입”, “addEventListener”라는 세 단서를 먼저 찾으면 됩니다.