jQuery捕获过渡结束

Question

.button {
  transition-property: background-color, transform;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}

.animate {
  background-color: red;
  transform: translateY(50px);
}   
 $(".button").click(function(){
      $(this).addClass("animate");
      $(this).one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend",
                  function(event) {
        // Do something when the transition ends
      });
    });

我的目标是在过渡结束后做一些事情。 因此，我添加了“ animate”类进行过渡，然后我想检测过​​渡的结束并最终在函数中做些事情。

所以这是我的问题：“动画”过渡是否有可能以如此快的速度结束而使one（）函数无法绑定到按钮？所以该函数无法捕捉过渡结束？