개발 공부/WEB

자바스크립트 - 이벤트

공부하는개발자_ 2024. 2. 20. 23:29

 

 

 

 

 

 

 

사용자가 행하는 동작, 웹브라우저가 행하는 동작

이벤트 처리기 : 이벤트가 발생했을 때 실행하는 함수

 

이벤트가 발생했을 때 처리하는 함수

연결할 함수가 간단할 때 많이 사용

 

 

 

 

 

 

이벤트 처리 방법을 addEventListener로 변경
1) 첫번째 옵션 : click

2) 두번째 옵션 : 클릭이벤트가 발생했을때 실행할 함수를 넣어줌

3) 세번째 옵션 :  이벤트 캡쳐 여부를 넣어주는데 기본값이 false이므로 생략하면 false로 인식

 

 

onclick다음 ""가 사용됐기 때문에 ()안에는 ' ' 를 사용해야 함

" "를 또 사용하게되면 alert문이 겹쳐서 끝남

 

 

 

DOM을 이용한 방법 : 태그를 스크립트로 끌어 옴.