transitionend 이벤트
예
전환 요소와 텍스트 스타일의 완료 후 <DIV> CSS 수정 :
// 사파리 3.1 다오 6.0 코드
. 중요 document.getElementById ( "myDIV")하여 addEventListener ( "webkitTransitionEnd"하여 myFunction);
// 표준 구문
. 중요 document.getElementById ( "myDIV")하여 addEventListener ( "transitionend"하여 myFunction);
. 중요 document.getElementById ( "myDIV")하여 addEventListener ( "webkitTransitionEnd"하여 myFunction);
// 표준 구문
. 중요 document.getElementById ( "myDIV")하여 addEventListener ( "transitionend"하여 myFunction);
»시도
정의 및 사용
transitionend 이벤트는 전환 완료 CSS 후에 트리거된다.
주 : 전환이 완료되기 전에 제거되는 경우, 예를 들면, CSS 전이 속성 속성이 제거되고, 전환 이벤트가 발생되지 않을 것이다.
더 많은 CSS 전환에, 우리의 참조하시기 바랍니다 CSS3 전환을 .
브라우저 지원
테이블의 수치는 이벤트의이 버전을 지원하는 최초의 브라우저를 나타냅니다.
지정된 숫자의 지원 "웹킷"또는 "MOZ"또는 "오"는 이벤트의 첫 번째 버전을 접두사.
| 행사 | |||||
|---|---|---|---|---|---|
| transitionend | 26.0 webkitTransitionEnd 4.0 | 10.0 | 16.0 4.0 mozTransitionEnd하기 | 6.1 3.1 webkitTransitionEnd | 12.1 10.5 oTransitionEnd하기 |
참고 : 사파리 3.1 다오 버전 6.0 이벤트, 사용 webkitTransitionEnd 접두사를 사용할 수 있습니다.
문법
object.addEventListener ( "webkitTransitionEnd"MyScript를) ; // 사파리 3.1 다오 6.0 코드
.addEventListener ( "transitionend"MyScript를 객체 ); // 표준 구문
.addEventListener ( "transitionend"MyScript를 객체 ); // 표준 구문
참고 : 인터넷 익스플로러 8과 IE의 이전 버전을 지원하지 않습니다 하여 addEventListener () 메서드를.
기술 세부 사항
| 거품을 지원하는 여부 : | 예 |
|---|---|
| 그것은 취소 할 수 있습니다 : | 예 |
| 이벤트 종류 : | TransitionEvent |
관련 페이지
CSS 튜토리얼 : CSS3 전환
CSS 참조 : CSS3 전환 속성
CSS 참조 : CSS3 전환 속성 - 부동산
이벤트 객체