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

audioタグの再生が終わった時点で、ボタンの表示を変える処理をした。

view plainprint?

1. //通常なら  
2. var audio = $('audio-element')  
3. audio.addEvent('ended', function(){  
4.  //再生終了時の処理  
5. });  

//通常なら
var audio = $('audio-element')
audio.addEvent('ended', function(){
 //再生終了時の処理
});

ただaddEventしただけだと効かない。

view plainprint?

1. //イベントを有効にする必要がある  
2. Element.NativeEvents.ended = 2  

//イベントを有効にする必要がある
Element.NativeEvents.ended = 2

clickとかchangeなんかの一般的なイベントはなにもしなくても使えるんだけど、html5なんかの新しいイベントはデフォルトでは無効になっている。
ちょっと面倒。

自分独自のイベントも登録できる。

view plainprint?

1. //イベントを有効にする必要がある  
2. Element.NativeEvents.unko = 2;  
3. elem.fireEvent('unko');  

//イベントを有効にする必要がある
Element.NativeEvents.unko = 2;
elem.fireEvent('unko');

参考：[mootools] cssでのアニメーションtransitionEndがイベント登録できない

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