[Javascript] .addEventListener() 사용법

✔ addEventListener()

이벤트 핸들러 요소를 추가할 때 사용하는 함수이다 

 

> 버튼 클릭 시 배경색을 변경하는 내용의 예제이다

<button id="btn">Try it</button>


<script>
    document.getElementById("btn").addEventListener("click", function() {
      this.style.backgroundColor = "red";
    });
</script>

 

click 대신 mouseover, mouseout 등의 이벤트를 줄 수 있다.

 

✔ removeEventListener()

이벤트 핸들러 제거 시에는 위 함수를 사용해서 제거할 수 있음