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

Question

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

Webkit的转换结束事件称为webkitTransitionEnd，Firefox是transitionEnd，opera是oTransitionEnd。在纯JS中处理所有这些问题的好方法是什么？我应该做浏览器嗅探吗？或分别实施每一个？还有其他一些方法没有发生在我身上？

即：

//doing browser sniffing

var transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) ? "transitionEnd" : (isOpera) ? "oTransitionEnd";

element.addEventListener(transitionend, function(){

  //do whatever

},false);

要么

// Assigning an event listener per browser

element.addEventListener("webkitTransitionEnd", fn);

element.addEventListener("oTransitionEnd", fn);

element.addEventListener("transitionEnd", fn);

function fn() {

   //do whatever

}