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

[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_Style JS - transitionDuration -
DOM_Style JS - transitionTimingFunction -
DOM_Style JS - transitionDelay -
DOM_Style JS - unicodeBidi 속성 - 텍스트글자방향 (= unicodeBidi속성 = 유니코드비디속성)
DOM_Style JS - userSelect -
DOM_Style JS - verticalAlign 속성 - 텍스트수직정렬 (= 버티컬얼라인속성)
DOM_Style JS - visibility 속성 ★ - 보임설정 (= 노출설정 = visibility속성 = 비저빌러티속성…
DOM_Style JS - whiteSpace -
DOM_Style JS - width 속성 - 요소너비 설정/반환 (= 요소가로길이 = width속성 = 위드스 속성)
DOM_Style JS - wordBreak 속성 - 한중일 외의 언어 줄바꿈규칙 (= 줄바꾸기 = wordBreak속성= 워…
DOM_Style JS - wordSpacing 속성 - 텍스트 단어간 간격 (= 단어간격 = word-spacing속성 =…
DOM_Style JS - wordWrap 속성 ★ - 단어줄바꿈 위해 긴단어쪼개기 (= 긴단어깨기 = 긴단어나누기 = wor…
DOM_Style JS - widows 속성 - 인쇄페이지 상단 표시할 요소의 최소 줄 수 설정/반환 (= widows속성 =…
DOM_Style JS - zIndex 속성 - 요소간 중첩 시, 상하 지정/설정 (=zIndex속성 = 제트인덱스 속성 = …
Window_Object JS - closed 속성 - 윈도우창 닫힘 체크
Window_Object JS - console 속성 - 콘솔 윈도우객체속성
Window_Object JS - defaultStatus 속성 - 상태표시줄 기본텍스트 (지원X)
Window_Object JS - document 속성 - 웹문서 윈도우객체속성
Window_Object JS - frameElement 속성 - 현재창이 삽입된 <iframe> 요소 반환
Window_Object JS - window.frames 속성 - 프레임 윈도우객체속성 (= window.frames속성 = 윈도우…
51/67
목록
찾아주셔서 감사합니다. Since 2012