2013/06/25

[mootools] audioの再生終了イベントを使えるようにする

audioタグの再生が終わった時点で、ボタンの表示を変える処理をした。
//通常なら
var audio = $('audio-element')
audio.addEvent('ended', function(){
 //再生終了時の処理
});
ただaddEventしただけだと効かない。
//イベントを有効にする必要がある
Element.NativeEvents.ended = 2
clickとかchangeなんかの一般的なイベントはなにもしなくても使えるんだけど、html5なんかの新しいイベントはデフォルトでは無効になっている。
ちょっと面倒。

自分独自のイベントも登録できる。
//イベントを有効にする必要がある
Element.NativeEvents.unko = 2;
elem.fireEvent('unko');
参考:[mootools] cssでのアニメーションtransitionEndがイベント登録できない

 そろそろMooToolsの限界を感じつつある…