如何使用JavaScript检测CSS转换何时结束

function gettransitionend(){

var root = document.documentElement

var transitions = {

'transition':'transitionend',

'OTransition':'oTransitionEnd',

'MozTransition':'transitionend',

'WebkitTransition':'webkitTransitionEnd'

}

for (var t in transitions){

if (root.style[t] !== undefined ){

return transitions[t];

}

}

return undefined

}

//Example Usage:

var transitionendevt = gettransitionend()

if (transitionendevt){ // if transitionend event supported by browser

element.addEventListener(transitionendevt, function(e){

// do something after end of transition

}, false)

}