본문 바로가기
퍼블리셔/javascript,jquery

[바닐라JS] addEventListener() 함수의 실행 이벤트

by 영니_ 2021. 2. 2.
반응형

오늘의 공부😎

 

addEventListener은 이벤트를 등록하는 방법이고, 이 방법을 사용하게 되면 

여러개의 이밴트를 이벤트핸들러에 등록이 가능하다 

 

단 IE8에서는 호환되지 않는다(attachEvent 사용해야한다)

const title = document.querySelector("#title");

function handleClick(){
title.style.color = "red"
}

title.addEventListener("click",handleClick); // 즉시 handleClick 함수 실행
title.addEventListener("click",handleClick); // title을 클릭했을때 handleClick 함수 실행

기초적인 사용방법은 위와 같다

 

반응형

댓글