<javascript> 자바스크립트 이벤트 연결

javascript 객체의 이벤트 연결은 'addEventListener'를 사용한다.
기본 형태 : 선택자.addEventListener('이벤트',function(){ 이벤트 발생 시 실행문 })
1)  function 또는 화살표함수를 이용한 두가지 형태의 표현

 선택자.addEventListener('이벤트',function(){이벤트발생시 실행문})
 선택자.addEventListner('이벤트명',()=>{이벤트발생시 실행문 })

2) 이벤트 연결 사용 예시
- click / mouseenter(마우스영역에 들어가는 것)/ mouseleave(마우스영역에서 나오는 것)
- 이외에도 여러 이벤트가 있지만 다음과 같은 이벤트로 형태를 확인할 수 있다.

 

console.log 출력