예
애니메이션과 관련된 애니메이션 이름을 가져옵니다 :
var x = document.getElementById("myDIV");
x.addEventListener("animationstart",
myStartFunction);
function myStartFunction(event) {
this.innerHTML
= "Animation-name is: " + event.animationName;
} »그것을 자신을 시도 정의 및 사용
애니메이션 이벤트가 발생하면 animationName 속성은 애니메이션의 이름을 반환합니다.
애니메이션의 이름은의 값이 애니메이션 이름 CSS 속성입니다.
이 속성은 읽기 전용입니다.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| animationName | 예 | 10.0 | 6.0 | 예 | 예 |
통사론
event .animationName기술적 세부 사항
| 반환 값 : | 애니메이션의 이름을 나타내는 문자열 |
|---|
관련 페이지
HTML DOM 참조 : animationstart 이벤트
HTML DOM 참조 : animationiteration 이벤트
HTML DOM 참조 : animationend 이벤트
HTML DOM 참조 : AnimationEvent elapsedTime Property
CSS 참조 : CSS3 animation Property
CSS 참조 : CSS3 animation-name Property
<이벤트 객체