Mingg's Diary

이벤트 예시

Javascript에서 어떤 이벤트들을 사용할 수 있는지 알아보자.

input

이벤트

onblur

사용자가 입력 필드를 떠날 때 사용하는 이벤트 ⌈예시⌋

onchange

사용자가 입력 필드의 내용을 변경할 때 사용하는 이벤트 ⌈예시⌋

onchange

사용자가 드롭다운 값을 선택할 때 사용하는 이벤트 ⌈예시⌋

onfocus

입력 필드에 포커스가 있을 때 사용하는 이벤트 ⌈예시⌋

onselect

입력 텍스트가 선택될 때 사용하는 이벤트 ⌈예시⌋

onsubmit

사용자가 제출 버튼을 클릭할 때 사용하는 이벤트 ⌈예시⌋

onreset

사용자가 재설정 버튼을 클릭할 때 사용하는 이벤트 ⌈예시⌋

onkeydown

사용자가 키를 누르거나 누르고있는 상태일 때(영어, 숫자 등. Delete 포함) 사용하는 이벤트 ⌈예시⌋

onkeypress

사용자가 키를 누르거나 누르고있는 상태일 때(영어, 숫자 등. Delete 제외) 사용하는 이벤트 ⌈예시⌋

onkeyup

사용자가 키에서 손을 뗄 때 사용하는 이벤트 ⌈예시⌋

Mouse

이벤트

onmouseover/onmouseout

마우스가 요소를 통과할 때 사용하는 이벤트 ⌈예시⌋

onmousedown/onmouseup

마우스 버튼을 누르거나 놓을 때 사용하는 이벤트 ⌈예시⌋

onmousemove/onmouseout

마우스 포인터를 이미지 위/밖으로 이동할 때 사용하는 이벤트 ⌈예시⌋

Click

이벤트

onclick

버튼을 클릭했을 때 사용하는 이벤트 ⌈예시⌋

ondblclick

텍스트를 두 번 클릭할 때 사용하는 이벤트 ⌈예시⌋

Load

이벤트

onload

페이지가 로드됬을 때 사용하는 이벤트 ⌈예시⌋

onload

이미지가 로드됬을 때 사용하는 이벤트 ⌈예시⌋

onerror

이미지를 로드하는 중 오류가 발생할 때 사용하는 이벤트 ⌈예시⌋

onunload

페이지를 닫을 때 사용하는 이벤트 ⌈예시⌋

onresize

브라우저 크기가 조정될 때 사용하는 이벤트 ⌈예시⌋

참고

W3C School - JavaScript Events Examples

Javascript – 기초 – 이벤트 예시