STUDY/진짜 웹 개발로 배우는 실용 JS

1-5강 : 이벤트리스너 EventListener

myejinni 2022. 5. 8. 20:46

EventListener 형식

 

//alert 창 닫기-id가 close인 요소에 클릭이 발생하면 닫아주세요
        document.getElementById('close').addEventListener('click', function(){

            document.getElementById('alert').style.display='none';

        });

 

버튼 1, 2 각각을 클릭했을 때의 실행 결과.

EventListener를 사용하면 버튼에 온클릭 부여하지 않고도 처리 가능하다

 

 

Event에는 여러가지가 있음

click

keydown

scroll

mouseover