如何在浏览器中规范化CSS3 Transition功能？

Question

如何在浏览器中规范化CSS3 Transition功能？Webkit的转换结束事件称为webkitTransitionEnd，Firefox是transitionEnd，opera是oTransitionEnd。在纯JS中处理所有这些问题的好方法是什么？我应该做浏览器嗅探吗？或分别实施每一个？还有其他一些方法没有发生在我身上？即：//doing browser sniffingvar transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) ? "transitionEnd" : (isOpera) ? "oTransitionEnd";element.addEventListener(transitionend, function(){  //do whatever},false);要么// Assigning an event listener per browserelement.addEventListener("webkitTransitionEnd", fn);element.addEventListener("oTransitionEnd", fn);element.addEventListener("transitionEnd", fn);function fn() {   //do whatever}