전환/애니메이션 후 CSS 트리거 자바 스크립트

JS에서 CSS 애니메이션을 트리거하지 않을 것입니다.전환/애니메이션 후 CSS 트리거 자바 스크립트

-webkit-transition 또는 transition: all 1000ms 유형 스타일 시트를 통해 CSS 애니메이션을 작성한 경우 전환이 완료된 후 JS 기능을 트리거 할 수있는 방법이 있습니까?

기본적으로 나는 자바 스크립트를 통해 애니메이션을 해왔고 그 중 일부를 CSS 애니메이션으로 변환하려고했지만 애니메이션이 완료된 후에는 자바 스크립트 이벤트를 트리거해야합니다.

2012-12-04 Alberto

Similiar http://stackoverflow.com/questions/2087510/callback-on-css-transition – Musa

굉장히 나는 그것을 게시하기 전에 발견하지 못했다. 나는 그것을 완전히 테스트 할 필요가 있지만 그것은 나의 요구에 맞을 것으로 보인다. – Alberto

box.addEventListener('webkitTransitionEnd', function(event) { 
    alert("Finished transition!"); 
}, false);

2012-12-04 06:34:28

감사합니다. 나는 원래의 게시물을 놓쳤다. – Alberto

나는 당신이 그것을 실행하는 데, 전환하기 전에 자바 스크립트를 필요로하고, 이후 거라고 생각해. 어떤 종류의 콜백을 만들기 위해 ...하지만 내 지식은 매우 가난하다.

2012-12-04 06:34:47 invicente

답변