タッチイベント関連

0

    ■まずこれをやらないと、ほとんどなんも効かない
    var stage=new createjs.Stage("mycanvas");
    createjs.Touch.enable( stage )

     


    ■マウスダウン
    obj.addEventListener('mousedown', function(evt){
    })

    ■マウスアップ
    obj.addEventListener('mouseup', function(evt){
    })

    ■クリック
    obj.addEventListener('click', function(evt){
    })

    ■ドラッグ開始(座標取得)
    obj.addEventListener('pressmove', function(evt){
            evt.target.x = evt.stageX;
            evt.target.y = evt.stageY;
            })

    ■ドラッグ終了
    obj.addEventListener('pressup', function(evt){
     })


    createjs最新版はマルチタッチに対応。
    複数オブジェクトのタッチイベントは同時に実行可能。
    もちろん、1オブジェクト内のマルチタッチも個々に取得できる。すげえ。

    ■マルチタッチイベント時のインデックス取得
    obj.addEventListener('mousedown', function(evt){
     console.log(evt.nativeEvent.targetTouches[0])
    }

     

     

    ■マウスオーバーは以下

     

    stage.enableMouseOver();

    obj.addEventListener("mouseover", function(evt){

    });

    obj.addEventListener("mouseout", function(evt){

    });

     

     

     



    selected entries

    categories

    archives

    recent comment

    recommend

    profile

    BOOKS

    links

    search this site.

    others