http://easeljs.com/docs/MouseEvent.html

概要

  • マウスイベント発生時に、引数として渡されるオブジェクト。

コンストラクタ

  • イベント種別、Stage上での座標X、Stage上での座標Yを引数に渡す。
  • イベント発生元で作られるので、EaselJS利用者側がコンストラクタを呼ぶことはたぶんない。

プロパティ

stageX

  • Stage上での座標X

stageY

  • Stage上での座標Y

type

  • イベント種別の文字列。
  • onPress, onMouseDown, onMouseUp, onMouseMove, or onClick

メソッド

clone

  • 自分自身のクローンを作成する。

toString

  • 文字列化する。

イベント

onMouseMove

  • マウスを移動させたときに発生するイベント。
  • onPressまたはonMouseDownイベントの引数として渡されるMouseEventオブジェクトに設定することが出来る。
  • マウスボタンを離すと呼び出されなくなる。ドラッグ&ドロップ動作に最適。
// onPressイベント
container1.onPress = function(ev){
	// クリックされた位置
	var clickX = ev.stageX;
	var clickY = ev.stageY;
	// クリックされた時点での左上座標
	var startX = container1.x;
	var startY = container1.y;
	// マウス移動イベント
	ev.onMouseMove = function(move){
		// container1をドラッグ移動させる
		container1.x = startX + move.stageX - clickX;
		container1.y = startY + move.stageY - clickY;
		stage.update();
	};
	// マウスアップイベント
	ev.onMouseUp = function(move){
		alert("onMouseUp");
	};
};

onMouseUp

  • マウスボタンを離したときに呼び出されるイベント。
  • onPressまたはonMouseDownイベントの引数として渡されるMouseEventオブジェクトに設定することが出来る。
  • 実装例は上のonMouseMove参照。

このページへのコメント

Gcbx1t wow, awesome post.Much thanks again. Great.

0
Posted by awesome things! 2014年01月22日(水) 13:34:37 返信

コメントをかく


「http://」を含む投稿は禁止されています。

利用規約をご確認のうえご記入下さい

メンバーのみ編集できます