여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. Javascript - 기초 - 이벤트 예시
Javascript – 기초 – 이벤트 예시
6개월전 작성
5개월전 수정

이벤트 예시

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
:
브라우저 크기가 조정될 때 사용하는 이벤트 ⌈예시⌋
참고
관련 포스트
Javascript - 기초 - 이벤트 예시 - 현재글
Mingg`s Diary
밍구
공부 목적 블로그