addEventListener

addEventListener 함수는 HTML 요소에 이벤트를 적용할 때 사용하는 함수다.

• eventListener = event + listener (‘이벤트를 듣고 있다’)
• 특정 HTML 요소에서 이벤트가 언제 발생하는지 가만히 듣고 있다가, 이벤트가 발생하면 인자(argument)로 받은 함수를 실행시켜준다.

요소.addEventListener(이벤트종류, function() {
  //이벤트가 일어났을 때 실행될 함수
});

1. 이벤트를 정할 요소를 가져온다.
2. 해당 요소의 - addEventListener 함수를 실행시켜(=호출해서) 이벤트를 듣고 있게 한다.

• addEventListener 함수에는 두 개의 인자(argument)를 전달한다.
  • 첫 번째 인자 - 이벤트 종류
  • 두 번째 인자 - 이벤트 발생 시 실행할 함수
  • cf. 콜백함수(Callback Function) : 인자로 전달된 함수