• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM_Event_Object] JS - AnimationEvent 객체 - 애니메이션이벤트객체 (= 애니이벤트종류)

AnimationEvent 객체

 

CSS 애니메이션 실행될 때 발생하는 이벤트.

 

 

 

AnimationEvent 객체 속성/메서드 (Property/Method)

 

animationName

애니메이션 이름 반환. AnimationEvent

 

elapsedTime

애니메이션이 실행된 시간 (초) 반환. AnimationEvent


propertyName

애니메이션 또는 트랜지션과 연관된 CSS 속성 이름 반환. AnimationEvent, TransitionEvent

 

pseudoElement

애니메이션 또는 트랜지션의 유사 요소 이름 반환. AnimationEvent, TransitionEvent 


 

 

상속된 속성/메서드

 

Evnet 일반객체

 

 

 

AnimationEvent 이벤트종류 (Event Type)

 

animationend

CSS 애니메이션이 완료하면 이벤트 발생. AnimationEvent

 

animationiteration

CSS 애니메이션이 반복 될 때 이벤트 발생. AnimationEvent

 

animationstart

CSS 애니메이션이 시작될 때 이벤트 발생. AnimationEvent

 



분류 제목
DOM_Event JS - clientY -
DOM_Event JS - clipboardData 속성 - 클립보드에 넣을 데이터 지정 (= clipboardData속성 =…
DOM_Event JS - code -
DOM_Event JS - composed 속성 - 이벤트객체구성여부반환 (= 컴포우즈드속성)
DOM_Event JS - createEvent() 메서드 -
DOM_Event JS - ctrlKey 속성 - Ctrl키 눌림여부반환 (= 컨트롤키코드)
DOM_Event JS - currentTarget -
DOM_Event JS - data -
DOM_Event JS - dataTransfer 속성 ★ - (drag/drop 또는 insert/delete)된 데이터 포…
DOM_Event JS - defaultPrevented 속성 - 이벤트에 preventDefault() 메서드가 호출되었는지…
DOM_Event JS - deltaX 속성 - 마우스휠 이벤트 시, 가로 스크롤량 (= deltaX속성 = 델타엑스 속성)
DOM_Event JS - deltaY 속성 ★ - 마우스휠 이벤트 시, 세로 스크롤량 (= deltaY속성 = 델타와이 속성…
DOM_Event JS - deltaZ 속성 - 마우스휠 이벤트 Z축 방향 스크롤량 (= deltaZ속성 = 델타제트 속성 =…
DOM_Event JS - deltaMode -
DOM_Event JS - detail 속성 - 사용자 이벤트 상세정보 반환 (= 이벤트 상세내용 확인 = detail속성 =…
DOM_Event JS - elapsedTime -
DOM_Event JS - elapsedTime -
DOM_Event JS - eventPhase -
DOM_Event JS - getTargetRanges() 메서드 -
DOM_Event JS - getModifierState() 메서드 -
36/67
목록
찾아주셔서 감사합니다. Since 2012