2013-06-18 49 views
6

Createjs/Easeljsオブジェクトでタッチイベントを使用しようとしています。たとえば、addEventListenerを使用してtouchstartイベントとtouchmoveイベントをアタッチしようとしています。Createjs/Easeljsでのタッチイベントの使用

タッチスタートとマウスがうまくいくようです:ブラウザとタッチデバイスを使ってテストしていますが、どちらの場合でも動作するようです。

ただし、mousemoveとtouchmoveは機能していないようです。私はstopPropagationメソッドとpreventDefaultメソッドを削除したからですが、CreateJS 1でそれを行う必要はないとLanny McNieが書いていることがわかりました。

なぜ動作しないのか分かりません。

これは私のコードです: http://pastebin.com/pqxWLNKG

よろしく。

+0

正しく設定されていると仮定して、適切なデバイス固有のコードにブレークポイントを設定して、ブラウザの問題かどうかを確認することをおすすめします。 – WiredPrairie

+0

@ WiredPrairie、私は可能だと思いますが、私はリモートデバッグコンソールがまだ有効になっていないと思います。 – Cod1ngFree

+0

代わりにいくつかのログを追加することがありますか?どのデバイスに接続していますか? – WiredPrairie

答えて

11

EaselJSに付属のTouchクラスを使用すると、マルチタッチを有効にすることができます。これは、通常のEaselJS mousedown/mousemoveイベントに変換されます。 DragAndDropのデモをご覧ください:http://www.createjs.com/demos/easeljs/draganddrop

createjs.Touch.enable(stage); 

乾杯。

+0

ありがとうございました。 onPress、onMouseMove、onMouseOver、onMouseOutをaddEventListenerで置き換える方法はありますか?createjs.Touch.enable(stage); Touchクラスでは、そのonActionメソッドでマルチタッチのみが有効になっていますか? – Cod1ngFree

+0

タッチクラスは、既存のインタラクションをプロキシします。 onActionコールバックはすべて廃止予定です - イベントモデルが推奨されています! – Lanny

+0

これは素晴らしいことでした!これを見るまで、私はfastclick.jsを使用しようとしていましたが、私が探していたことを達成できませんでした。ありがとう! –

関連する問題