[Java Script] addEventListener 의 종류

기본 문법

document.getElementById(" ").addEventListener("click", function() {
  //실행할 함수
});

문법 예시

document.getElementById("myBtn").addEventListener("click", function() {
  document.getElementById("demo").innerHTML = "Hello World";
});

=> id가 myBtn 가 click 되면 addEventListener 안의 함수를 실행(id가 demo인 HTML에 Hello World로 바꿔) 시켜라.

 

---

addEventListener 의 종류

 

종류	설명
click	클릭했을 때 발생
change	변동이 있을 때 발생
focus	포커스를 얻었을 때 발생
keydown	키를 눌렀을 때 발생
keyup	키에서 손을 땠을 때 발생
mousedown	마우스를 클릭 했을 때 발생
mouseout	마우스가 특정 객체 밖을 나갔을 때 발생
mouseover	마우스가 특정 객체 위에 올려졌을 때 발생
mousemove	마우스가 움직였을 때 발생
mouseup	마우스에서 손을 땠을 때 발생
select	option태그 등에서 선택 했을 때 발생
load	로드가 완료 되었을 때 발생