説明

MouseEvent.localXとMouseEvent.localYプロパティは、イベントが起こったときのマウスポインタのxy座標値を、リスナーが加えられたオブジェクト(Event.currentTargetプロパティの参照)の座標系にもとづいて調べて返します。読取り専用のプロパティです。

実装

MouseEvent.localXとMouseEvent.localYプロパティは、実質的に以下のように実装されました。Object.defineProperties()メソッドで、ふたつのプロパティがget演算子のみの定めにより読取り専用となっています。呼出されるメソッド(_get_localX()と_get_localY())は、MouseEvent.rawXおよびMouseEvent.rawYプロパティで調べたステージ上のマウスポインタのxy座標を、DisplayObject.globalToLocal()メソッドが参照するインスタンス(Event.currentTargetプロパティ)から見た座標に変換しています(「EaselJSでインスタンスをクリックした座標で回しながらドラッグする」02「インスタンスのクリックした座標を中心に回す」参照)

p._get_localX = function() {   return this.currentTarget.globalToLocal(this.rawX, this.rawY).x; }; p._get_localY = function() {   return this.currentTarget.globalToLocal(this.rawX, this.rawY).y; }; try {   Object.defineProperties(p, {     localX: { get: p._get_localX },     localY: { get: p._get_localY }   }); } catch (e) {}

作成者: 野中文雄
作成日: 2013年11月21日