AnimationEvent animationName 속성

DOM 이벤트 AnimationEvent

정의와 사용법

어니메이션 이벤트가 발생할 때, animationName 속성은 어니메이션 이름을 반환합니다.

어니메이션 이름은 CSS 속성입니다 animation-name 의 값.

이 속성은 읽기 전용입니다.

인스턴스

어니메이션과 관련된 어니메이션 이름을 가져옵니다：

var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
  this.innerHTML = "Animation-name is: " + event.animationName;
}

개인적으로 시도해 보세요

문법

이벤트.animationName

기술 세부 사항

반환 값： 어ニ메이션 이름을 나타내는 문자열 값.

브라우저 지원

표의 숫자는 해당 속성을 최초로 지원한 브라우저 버전을 나타냅니다.

속성 크롬 IE 파이어폭스 사파리 오페라
animationName 지원 10.0 6.0 지원 지원

관련 페이지

HTML DOM 참조 매뉴얼：animationstart 이벤트

HTML DOM 참조 매뉴얼：animationiteration 이벤트

HTML DOM 참조 매뉴얼：animationend 이벤트

HTML DOM 참조 매뉴얼：AnimationEvent elapsedTime 속성

CSS 참조 매뉴얼：CSS3 animation 속성

CSS 참조 매뉴얼：CSS3 animation-name 속성

DOM 이벤트 AnimationEvent