JavaScript - addEventListener

addEventListener(type, listener)

addEventListener()

이 메서드는 지정한 유형의 이벤트를 JS가 수신할 때마다 호출할 함수를 설정한다.

• 매개변수
  1. type : 수신할 이벤트 유형을 나타냄
  2. listener - 지정한 이벤트를 수신할 객체
  3. - handleEvent() 메서드를 포함하는 객체 또는 JavaScript함수여야 한다. - 함수의 이름만 전달해줌
• .removeEventListener : 이벤트 리스너를 제거함

---

addEventListener 안에 있는 함수는 직접 실행하지 않는다.

브라우저가 실행시켜주고

브라우저에서 해당 이벤트에대한 정보(object)를 가지게된다.

addEventListener의 함수에서 object에 대한 자리만 할당해주면

해당 이벤트가 발생시킨 정보들에 대한 object들을 볼 수 있다 !

이 때 해당 이벤트가 가진 Default 값을 발생시키지 않기 위해서는

preventDefault() 메서드를 이용한다.