• Q&A
  • 회원가입
  • 로그인

[DOM_Event_Object] JS - Event 객체 - 이벤트객체 (= 일반이벤트종류 = 기본이벤트종류)

Event 객체 종류

 

1.

Event 객체종류 = (일반 Event 객체) + (개별 Evnet 객체들: MouseEvent, KeyboardEvent 등...)

 

2.

마우스클릭 이벤트가 MouseEvent 객체에 속하는 것처럼, 
각 이벤트는 특정 이벤트 객체에 속함.  (JS 이벤트 참조)

 

 

1. 
일반 
Event 객체

 

※ 모든 이벤트 객체들은 Event 객체에 기반해, Event 객체의 속성과 메서드를 상속.

※  모든 event 객체들의 부모.  

 

참고: Event 종류

 

 

1-1. 

일반 Event 객체의 속성/메서드 (Property/method)

 

bubbles

특정이벤트가 확산가능 이벤트인지 여부 반환.


cancelBubble

이벤트가 계층구조로 확산돼야하는지 여부 설정/반환.

 

cancelable

이벤트가 기본 작동을 막을 수 있는지 여부 반환.

 

composed

이벤트가 작성되었는지 여부 반환.

 

createEvent()

새로운 이벤트 생성.

 

composedPath()

이벤트 경로 반환 

 

currentTarget

이벤트리스너가 이벤트를 촉발한 요소 반환. 

 

defaultPrevented

이벤트에 대해 preventDefault () 메소드가 호출되었는지 여부 반환. 

 

eventPhase

현재 평가중인 이벤트 흐름 단계 반환. 

 

isTrusted

이벤트가 신뢰할 수 있는지 여부 반환. 

 

preventDefault()

이벤트가 취소 가능하면 이벤트 취소. ( 즉, 이벤트에 속하는 기본 작동이 발생 안 함.)

 

stopImmediatePropagation()

같은 이벤트의 다른 리스너가 호출되지 않도록 함. 

 

stopPropagation()

이벤트 흐름 중 이벤트가 더 이상 전파 안 되도록 함. 

 

target

이벤트 촉발시킨 요소 반환. 

 

timeStamp

이벤트가 작성된 시간 (epoch 기준으로 밀리 초) 반환.
※ epocho : 1970.01.01 00:00:00 

 

type

이벤트 이름 반환.

 

 

1-2. 

일반 Event 객체의 이벤트종류 (Event Type)

 

abort

미디어 로드 중단되면 이벤트 발생. UiEvent, Event

 

afterprint

페이지 인쇄가 시작되거나 인쇄 대화 상자가 닫힌 경우 이벤트 발생. Event

 

beforeprint

페이지가 인쇄 될 때 이벤트 발생. event

 

beforeprint

페이지가 인쇄 될 때 이벤트 발생. event

 

canplay

브라우저가 미디어 재생을 시작할 수있 을 때 이벤트 발생 (시작하기에 충분할 정도로 버퍼링 된 경우). event

 

canplaythrough 

버퍼링 중지하지 않고 브라우저가 미디어 통해 재생할 수 있을 때 이벤트 발생. event

 

change

form 요소, select 항목 또는 checked 상태의 내용 변경되었을 때 이벤트 발생. event
(예: <input>, <select> , <textarea>경우) 

 

error

외부 파일 로드하는 중에 오류 발생하면 이벤트 발생. ProgressEvent, UiEvent, Event

 

fullscreenchange

요소가 전체 화면 모드로 표시 될 때 이벤트 발생. event

 

fullscreenerror

요소가 전체 화면 모드로 표시 될 수없는 경우 이벤트 발생. event

 

input

요소가 사용자 입력 받을 때 이벤트 발생. InputEvent, Event

 

invalid

요소가 유효하지 않은 경우 이벤트 발생. Event

 

load

객체가 로드 할 때 이벤트 발생. UiEvent, Event

 

loadeddata

미디어 데이터가 로드 될 때 이벤트 발생. Event

 

loadedmetadata

메타 데이터 (크기 및 기간과 같은)가 로드 될 때 이벤트 발생. Event

 

message

이벤트 소스 통해 메시지 수신 될 때 이벤트 발생. Event

 

offline

브라우저가 오프라인으로 작업 시작하면 이벤트 발생. Event

 

online

브라우저가 온라인으로 작업 시작할 때 이벤트 발생. Event

 

open

이벤트 소스와의 연결 열릴 때 이벤트 발생. Event

 

pause

사용자나 프로그램이 미디어를 일시중지 시킬 때 이벤트 발생. Event

 

play

미디어가 시작되었거나 더 이상 일시중지 되지 않은 경우 이벤트 발생. Event

 

playing

버퍼링 위해 일시 중지되거나 중지 된 후 미디어가 재생 중일 때 이벤트 발생. Event

 

progress

브라우저가 미디어 데이터 가져 오는 중이거나 미디어 다운 중일 때 이벤트 발생. Event

 

ratechange

미디어의 재생 속도가 변경 될 때 이벤트 발생. Event

 

resize

문서 뷰의 크기가 변경 될 때 이벤트 발생. UiEvent, Event

 

reset

양식이 재설정 될 때 이벤트 발생. Event

 

scroll

요소 스크롤 막대가 스크롤 될 때 이벤트 발생. UiEvent, Event

 

search

사용자가 검색 필드 (<input = "search">)에 뭔가 쓸 때 이벤트 발생. Event

 

seeked

사용자가 미디어의 새 위치로 이동 / 건너뛰기 마칠 때 이벤트 발생. Event

 

seeking

사용자가 미디어 이벤트의 새 위치로 이동 / 건너 뛰기 시작할 때 이벤트 발생. Event

 

select

<input> 및 <textarea> 요소에서 사용자가 () 일부 텍스트 선택 후 이벤트 발생. UiEvent, Event

 

show

<menu> 요소가 컨텍스트 메뉴로 표시 될 때 이벤트 발생. Event

 

stalled

브라우저가 미디어 데이터 가져 오려 하지만 데이터 사용할 수없는 경우 이벤트 발생. Event

 

submit

폼이 전송될 때 이벤트 발생. Event

 

suspend

브라우저가 의도적으로 미디어 데이터를 가져 오지 않을 때 이벤트 발생. Event

 

timeupdate

재생 위치가 변경되면 (예 : 사용자가 미디어의 다른 지점으로 빨리감기 할 때) 이벤트 발생. Event

 

toggle

사용자가 <details> 요소 이벤트를 열거나 닫을 때 이벤트 발생. Event

 

unload

페이지가 언로드 된 후 이벤트 발생 (<body> 경우). UiEvent, Event

 

waiting

미디어가 일시 중지되었지만 미디어가 일시 중지되어 더 많은 데이터를 버퍼링하는 경우와 같이 다시 시작해야 할 때 이벤트 발생. Event

 

 

2. 

개별 Event 객체


AnimationEvent

CSS 애니메이션

 

ClipboardEvent

클립 보드의 수정.

 

DragEvent

드래그 & 드롭 상호작용.

 

FocusEvent

포커스 관련된 이벤트.

 

HashChangeEvent

URL anchor 부분 변경 사항.

 

InputEvent

사용자 입력

 

KeyboardEvent

키보드 상호작용

 

MouseEvent

마우스조작

 

PageTransitionEvent

웹 페이지로 이동하거나 이탈.

 

PopStateEvent

history 항목 변경.

 

ProgressEvent

외부 리소스 로드 진행률

 

StorageEvent

윈도우의 저장 영역 변경.

 

TouchEvent

터치 상호작용

 

TransitionEvent

CSS Transition

 

UiEvent

사용자 인터페이스 상호작용

 

WheelEvent

마우스휠 상호작용 

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012