2013-04-20 44 views
1

我目前正在尝试绑定转换开始时的事件。 动画由调整焦点的textarea组成。从jQuery获取css转换开始

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

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

但对于转变结束,我可以用什么?

注意:animationstart和animationend不适用于我的情况。

+1

转换开始时没有事件触发。唯一可用的事件是“结束”事件。 – Pointy 2013-04-20 12:59:28

+0

您是否试图实现我的答案?它应该解决你的问题。 – Joe 2013-06-13 11:08:05

+0

是的,我已经实现了它,它像魅力一样工作。正是我在寻找的东西。谢谢分配! – someone44 2013-06-21 16:33:19

回答

3

如果转变开始于textarea的焦点,那么为什么不使用:

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

这里有一个工作示例:http://jsfiddle.net/neYfj/5/ - 它触发的时候开始转型,也增加了transitionend事件。