Firefox 18 - 意外的transitionend事件行为/奇怪的事件冒泡

Question

在Firefox 18.0.1中，我遇到了来自transitionend事件的一些意外行为。我无法在MDN或W3C文档中找到有关此特定事件的任何详细说明 - 是否有人对是否存在错误有任何意见？

在这种特殊情况下，过渡与包含许多其他DIV的DIV的高度变化有关，而这些DIV又包含许多CANVAS。转换和事件附加到外部DIV。

• 虽然FF 18之前的事件在转换结束时只被触发一次，但它现在发生了很多次。
• 事件总是从包含的CANVAS对象冒出来。
• 每个CANVAS将触发七个transitionend事件，事件数据中唯一的区别是propertyName。它将为每个CANVAS“迭代”七种不同的颜色相关的css属性（颜色，边框颜色， - moz-xxx proterties等）。

在这里不知所措。解决这个问题需要大量重写。帮助赞赏。

Answer 1

Transitionend事件按规范进行冒泡，并为每个正在转换的属性触发。我不相信这会随着Firefox 18的改变而改变。如果没有看到你的测试用例，很难说更多。

如果您正在寻找有关这些事件的详细说明，请参阅http://dev.w3.org/csswg/css3-transitions/#transition-events