[JavaScript] 이벤트 핸들러 사용법, 이벤트 종류

이벤트 사용법 3가지

1. HTML 태그에 함수 연결

<태그 on이벤트명 = "함수()">

 

 

2. 스크립트에서 함수 연결

요소.on이벤트명 = 함수;

 

 

3. 이벤트 리스너로 이벤트 처리

요소.addEventListener('이벤트', 함수)

 

 

( 이벤트 리스너의 값을 서버로 안보내게 하려면 e.preventDefault() )

 

 

 

 

 

이벤트 종류

마우스 이벤트

 

 

 

 

 

 

 

-키보드 이벤트

keydown

keypress

keyup

 

 

 

 

 

 

-문서 로딩 이벤트

 

 

 

 

 

 

-폼 이벤트