[JavaScript] 이벤트란? 이벤트 핸들러 종류

자바스크립트에서 이벤트(Event)란?

사용자의 어떠한 동작에 따라 기능이 실행되는 것을 의미합니다. 

버튼을 누르거나, 글자를 입력하거나, 새로운 문서를 읽어 들이거나 하는 것들이 이벤트입니다. 

자바스크립트를 HTML에 사용할 수 있게 되면서 사용자의 행동에 따라 적절한 조치를 취할 수 있게 됨에 따라 

단순히 보여주는 브라우저 환경에서 벗어나 동적인 페이지가 될 수 있었습니다. 

 

 

이벤트 핸들러의 종류 

Event	Description
onclick	마우스 클릭했을 때
ondblclick	마우스를 더블클릭했을 때
onchange	input 요소의 값이 바뀌었을 때
onmouseover	마우스 포인터가 HTML 요소 위에 놓여 있을 때
onmouseout	마우스 포인터가 HTML 요소를 벗어났을 때
onkeydown	키보드의 키를 눌렀을 때
onload	HTML을 모두 읽어 들였을 때
onfocus	input 요소의 값이 바뀌었을 때

 

 

Example 

버튼을 클릭했을 때 메시지 창이 뜨도록 해보겠습니다. 

<button onclick="alert('Hello')">Click me</button>

결과

↓↓↓