Javascript：是否有CSS转换启动事件？ [英] Javascript: Is there a CSS transition start event?

问题描述

我发现转换结束事件，但是我需要一个转换启动事件。有没有这样的东西？

I found the transition end events, but I need a transition start event. Is there such thing?

推荐答案

不，还没有。 （重申@FrédéricHamidi的评论。）

No, not yet. (reiterating @Frédéric Hamidi's comment.)

考虑使用事件聚合器，调解器或pub / sub来广播自己的事件。这些都意味着基本相同的事情：而不是等待JavaScript的DOM / CSS事件规范来满足您的需求，制作自己的全球/近全球事件管理系统，或者在您已经在使用的任何事件框架中使用自定义事件

Consider broadcasting your own event with an event aggregator, mediator, or pub/sub. These all mean basically the same thing: Instead of waiting for JavaScript's DOM/CSS event specs to catch up with your needs, make your own global/near-global event management system, or use custom events in whatever event framework you're already using.

例如，您可以使用自定义jQuery事件：

For example, you can use custom jQuery events:

// Transition target (body, for example)
var $body = jQuery(document.body);

// Register our transition starting function (left as exercise)
$body.on('transition_start', startFunction);

// Start the transition...
$body.addClass('transitioning')
    // ... and let everyone know
    .trigger('transition_start');`

这篇关于Javascript：是否有CSS转换启动事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！