jquery - 从 jQuery 开始获取 css 过渡

Question

我目前正在尝试在转换开始时绑定(bind)一个事件。 该动画由在焦点上调整大小的文本区域组成。

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

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

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

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

Answer 1

如果过渡从文本区域焦点开始，那么为什么不使用:

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

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