Mootools does not supports transitionend enven?

Question

$(element).addEvent('transitionend', function(e){
    // do soming...
});

在firefox中，它不起作用。但是，使用addEventListener而不是addEvent，它是有效的。mootools不支持css事件吗？

Answer 1

右。。。引用文件：

MooTools的Element events API并不支持所有事件，因为浏览器支持边缘用例或新事件。要添加对本机事件的支持，只需使用键和适当的键值来扩充Element.NativeEvents对象(使用以上内容(。例如，在应用程序中添加popstate支持：

Element.NativeEvents.popstate = 2;
// Now element.addEvent('popstate', fn); will work everywhere

所以在你的情况下，很容易

Element.NativeEvents.transitionend = 2;
var foo = document.getElement('.foo');
foo.addEvent('transitionend', function(){
    alert('done');
});
foo.removeClass('bar');

行动中：http://jsfiddle.net/gf72uu37/

现在，至少对于标准化且无供应商前缀的事件来说，这可能是可以修复的。但浏览器支持将是不完整的，mootools甚至试图支持IE8…