jquery - 从 jQuery 获取 css 过渡

Question

我目前正在尝试在转换开始时绑定一个事件。动画包含在焦点上调整大小的文本区域。

对于过渡结束，我们知道我们有：

jQuery(this).bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function() {
});

但是对于过渡结束，我可以使用什么？

注意：在我的情况下，animationstart 和 animationend 不起作用。

Answer 1

如果过渡从 textarea 焦点开始，那么为什么不使用：

$('textarea').on('focus focusout', function() {
    $('div').html('started');
}).on("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function() {
    $('div').html('ended');
});

这是一个工作示例： http: //jsfiddle.net/neYfj/5/ - 它在转换开始时触发并添加一个transitionend事件。