js监听css3动画结束

<div id="animatedElement" class="animation"></div>

.animation {
  width: 100px;
  height: 100px;
  background-color: red;
  animation: myAnimation 2s forwards;
}

@keyframes myAnimation {
  from { transform: scale(1); }
  to { transform: scale(1.5); }
}

const animatedElement = document.getElementById('animatedElement');

animatedElement.addEventListener('animationend', function(event) {
  console.log('动画结束');
  // 在这里可以执行动画结束后的操作
});

function handleAnimationEnd(event) {
  console.log('动画结束');
}

const animatedElement = document.getElementById('animatedElement');

animatedElement.addEventListener('animationend', handleAnimationEnd, false);
animatedElement.addEventListener('webkitAnimationEnd', handleAnimationEnd, false); // Safari 和旧版Chrome
animatedElement.addEventListener('mozAnimationEnd', handleAnimationEnd, false);    // Firefox
animatedElement.addEventListener('oanimationend', handleAnimationEnd, false);    // Opera