예
로모그래퍼 뭔가를 <div> CSS를 전환이 종료 될 때 요소 :
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd",
myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend",
myFunction); »그것을 자신을 시도 정의 및 사용
CSS를 전환이 완료되면 transitionend 이벤트가 발생한다.
참고 : 전환 완료, 예를 들면 전에 제거하면 CSS 경우 전이 속성 속성이 제거되면, transitionend 이벤트가 발생하지 않습니다.
CSS 전환에 대한 자세한 내용에 대한 우리의 튜토리얼 참조 CSS3 전환을 .
브라우저 지원
표의 수치는 완전히 이벤트를 지원하는 제 브라우저 버전을 지정.
"웹킷", "MOZ"또는 "O"다음에 숫자는 접두사와 함께 일 첫 번째 버전을 지정합니다.
| 행사 | |||||
|---|---|---|---|---|---|
| transitionend | 26.0 4.0 (webkitTransitionEnd) | 10.0 | 16.0 4.0 (mozTransitionEnd) | 6.1 3.1 (webkitTransitionEnd) | 12.1 10.5 (oTransitionEnd) |
통사론
object.addEventListener("webkitTransitionEnd", myScript );
// Code for Safari 3.1 to 6.0
object .addEventListener("transitionend", myScript );
// Standard syntax
참고 : 하여 addEventListener () 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.
기술적 세부 사항
| 거품 : | 예 |
|---|---|
| 취소 가능 : | 예 |
| 이벤트 유형 : | TransitionEvent |
| DOM 버전 : | 레벨 3 이벤트 |
관련 페이지
CSS 자습서 : CSS3 전환
CSS 참조 : CSS3 전환 속성
CSS 참조 : CSS3 전환 재산권 등록
이벤트 객체