Как проверить, поддерживается ли событие?

[FINoM]

Например, animationend поддерживается не всеми браузерами (может и ни одним). Поэтому приходится применять такие события, как webkitanimationend и пр. Если одновременно добавлять и обычное событие и событие с вендорным префиксом, боюсь, в один прекрасный момент, они будут срабатывать оба.

[devote]

if ( document.body.onanimationend === null ) {
    alert( "support" );
} else {
   alert( "unsupport" );
}

if ( document.body.onclick === null ) {
    alert( "support" );
} else {
   alert( "unsupport" );
}

[FINoM]

И? document.createElement('div').onwebkitanimationend выдает null.

[devote]

И? document.createElement('div').onwebkitanimationend выдает null.

И правильно делает что выдает, если по умалчанию имеет значение null значит такое свойство браузер держит, если undefined значит не держит.

все просто:

var event = document.createElement('div').onanimationend === null ? 'animationend' : 'webkitanimationend';
addEventListener( event, function(){}, false);

[FINoM]

И правильно делает что выдает, если по умалчанию имеет значение null значит такое свойство браузер держит, если undefined значит не держит.

Тьфу блин, не null a undefuned.

все просто:

Предлагаешь для одного лишь animationend вешать обработчики на насколько событий с вендорными префиксами, не проверяя поддерживаются ли эти события?

[devote]

зачем несколько событий, ешкин макорошкин... всеж по русски объясняю..

ты задал вопрос как узнать поддерживает браузер оригинальное событие или нет... тепер пишешь простую функцию инициализации библиотеки:

eventNames = (function(){
    var conf ={},
        div = document.createElement('div');
    conf.animationend = div.onanimationend === null ? 'animationend' : 'webkitanimationend';
    conf.какойтотамевент = div.onкакойтотамевент === null ? 'какойтотамевент' : 'webkitкакойтотамевент';
    conf.какойтотамевент2 = div.onкакойтотамевент2 === null ? 'какойтотамевент2' : 'webkitкакойтотамевент2';
    div = null;
    return conf;
}());

а теперь спокойно юзаешь:

elem.addEventListener( eventNames.какойтотамевент, function(){
}, false);

elem.addEventListener( eventNames.animationend, function(){
}, false);

и тд

[devote]

trikadin,
ну не знаю, у меня в опере норм выдает

[FINoM]

Еще раз объясняю, onwebkitanimationend выдаёт undefined, хотя через addEventListener поддерживается.

[devote]

devote, а ваш пример у меня в обоих случаях "unsupport" выдаёт))

просто мне это не нужно было никогда, поэтому на вскидку щас примеры показываю

[devote]

Еще раз объясняю, onwebkitanimationend выдаёт undefined, хотя через addEventListener поддерживается.

ну может он как-то подругому прописан, в файрбаге то посмотрите