CreateJSでcanvasに読み込んだ画像にマウスイベントを設定する方法

CreateJSを用いてcanvasに読み込んだ画像にマウスイベントを設定する方法です。
※今回はロールオーバーとロールアウト

javascript

window.onload = function(){

    var stage = new createjs.Stage('canvas');
    // マウスイベントを発生させる頻度を指定
    stage.enableMouseOver();

    var queue = new createjs.LoadQueue();

    queue.addEventListener('complete', function(e){

        var bitmap = new createjs.Bitmap(queue.getResult('image_1'));
        stage.addChild(bitmap);

        // カーソルをpointerに設定
        bitmap.cursor = 'pointer';

        // ロールオーバーイベントの設定
        bitmap.addEventListener('rollover', function(e){
            e.currentTarget.alpha = 0.5;
        });

        // ロールアウトイベントの設定
        bitmap.addEventListener('rollout', function(e){
            e.currentTarget.alpha = 1;
        });

    });

    queue.loadManifest([
        {id: 'image_1', src: 'images/image_1.png'}
    ]);

    createjs.Ticker.setFPS(30);
    createjs.Ticker.addEventListener('tick', function(){
        stage.update();
    });

}

• StageオブジェクトのenableMouseOverメソッドでマウスイベントを有効にする必要がある。また、マウスイベントを検知する頻度を引数に設定出来る。(初期値は20)
• マウスイベントのターゲットとなるオブジェクトにはcursorプロパティでカーソルの種類を設定しておく。(設定出来る種類はcssのcursorと同じ)

---

どうやらパフォーマンスを考えてか、デフォルトだとStageのマウスイベント検知は無効になっているようです。
マウスイベントのターゲットにはcursorを設定するクセを付けておきたいです。
※FlashでいうところのbuttonModeみたいな感覚で。