Question

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

在Firefox中，它不起作用。但是，使用addEventListener而不是addEvent，它可以工作。 mootools不支持css事件吗？

Answer 1

正确...引用docs：

由于边缘使用案例或浏览器支持的新事件，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 ......

Mootools不支持transitionend enven？

1 个答案: