1. 程式人生 > >css3動畫結束捕捉事件整理

css3動畫結束捕捉事件整理

nsf animation logs bili property div lis mat ren

//捕捉webkitAnimationEnd事件
element.addEventListener(‘webkitAnimationEnd‘, end, false);

//捕捉webkitTransitionEnd事件
element.addEventListener(‘webkitTransitionEnd‘, end, false); 

function end(event){
    console.log(event.propertyName) 
}
function transitionEnd(e){ //e.propertyName 存在兼容問題,需用能力檢測函數 // transform / -moz-transform / -ms-transform  if(e.propertyName=="-webkit-transform"){    this.parentNode.style.visibility="hidden";  } }

 

css3動畫結束捕捉事件整理