/**\r
- * X.EventDispatcher\r
+ * <p>EventDispatcher インスタンスのメンバ(_listeners)でイベントリスナをイベント名(string)や\r
+ * イベントID(5~以上の number, フレームワーク内で定義、5 以上になる理由は後述)をキーとする Array で記憶します。\r
* \r
- * 1. as3 の EventDispatcher ライクなクラス。そのまま使ったり、継承したり。コールバック中にイベントを追加したら?削除したら?にも対処している。\r
- * 2. _rawObject メンバがいる場合、addEventListener, attachEvent, on 等で生のブラウザオブジェクトにリスナを登録する。\r
- * window, document, HTMLElement, Image, XHR などが _rawObject\r
+ * <p>Arrayには、__CallbackHash__ というハッシュ、または関数が蓄えられています。\r
* \r
- * use X.Callback\r
+ * <p>また、イベントターゲット(EventDispatcher[ '_rawObject' ])に渡された再利用可能クロージャの控えを _listeners[0] に記憶します。(ACTUAL_HANDLER)\r
* \r
- * https://developer.mozilla.org/ja/docs/Web/API/EventTarget.addEventListener\r
- * イベント発送中のリスナーの追加\r
- * EventListener がイベント処理中に EventTarget に追加された場合、それが現在のアクションによって実行されることはありませんが、浮上フェーズのように、後の段階のイベントフローで実行されるかもしれません。\r
+ * <p>dispatch 中の状態と操作を記録し不整合が起きないようにするためのプロパティ(_listeners[1]~_listeners[4])を持ちます。イベントID が 5 から始まるのはこのためです。\r
* \r
- * https://developer.mozilla.org/ja/docs/Web/API/EventTarget.removeEventListener\r
- * イベントリスナーが イベントを処理中であるイベントターゲットから削除された場合、現在のアクションによってそのイベントリスナーが実行されることはありません。\r
- * イベントリスナーは、決して削除された後に実行されることはありません。\r
- * イベントターゲット上にある現在のどのイベントリスナーも指定していない引数付きの removeEventListener は、何の効果もありません。\r
+ * <dl>\r
+ * <dt>0:ACTUAL_HANDLER\r
+ * <dd>イベントターゲットの addEventListener 等に渡される実際の関数(多くの場合、再利用可能クロージャ、それ以外は通常の関数)を控えています。\r
+ * <dt>1:DISPATCHING number\r
+ * <dd>dispatch 中か?さらにインスタンス自身の dispatch がネストした場合、その深さを記憶します。\r
+ * <dt>2:RESERVES Array\r
+ * <dd>イベント発火中に listen() が呼ばれた場合に引数を蓄え、完了時(DISPATCHING===0)に再度 listen() するための一時ストアです。\r
+ * <dt>3:UNLISTENS Array\r
+ * <dd>イベント発火中に unlisten() が呼ばれた場合に対象リスナを記憶し、リスナが呼ばれないようにします。完了時(DISPATCHING===0)に再度 unlisten() します。\r
+ * <dt>4:KILL_RESERVED boolean\r
+ * <dd>dispatch 中に kill() が呼ばれた場合に一旦 kill をキャンセルし、完了時(DISPATCHING===0)に再度 kill() するためのフラグです。\r
+ * </dl>\r
+ * \r
+ * @class __Listeners__\r
+ * @private\r
+ * @abstract\r
*/\r
+var X_Listeners_;\r
+\r
+var /** @const */\r
+ X_LISTENERS_ACTUAL_HANDLER = 0,\r
+ /** @const */\r
+ X_LISTENERS_DISPATCHING = 1,\r
+ /** @const */\r
+ X_LISTENERS_RESERVES = 2,\r
+ /** @const */\r
+ X_LISTENERS_UNLISTENS = 3,\r
+ /** @const */\r
+ X_LISTENERS_KILL_RESERVED = 4; // X.Event で、イベントIDを 5 から始めているので注意。\r
+\r
+\r
\r
// ------------------------------------------------------------------------- //\r
// ------------ local variables -------------------------------------------- //\r
// ------------------------------------------------------------------------- //\r
+\r
var X_EventDispatcher_once = false,\r
X_EventDispatcher_lock = false,\r
X_EventDispatcher_unlock = false,\r
X_EventDispatcher_needsIndex = false,\r
\r
- X_EventDispatcher_safariPreventDefault = false; // Safari3-\r
+ X_EventDispatcher_safariPreventDefault = false, // Safari3-\r
+ \r
+ /* @const */\r
+ X_EventDispatcher_EVENT_TARGET_OTHER = 0,\r
+ /* @const */\r
+ X_EventDispatcher_EVENT_TARGET_XHR = 1,\r
+ /* @const */\r
+ X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT = 2,\r
+ \r
+ X_EventDispatcher_LAZY_TIMERS = {}; // Object.<number, X.EventDispatcher> number は timerID\r
\r
// ------------------------------------------------------------------------- //\r
// --- interface ----------------------------------------------------------- //\r
// ------------------------------------------------------------------------- //\r
\r
/**\r
- * イベントターゲット(widnow, document, Image, XHR, Silverlight 等)をラップする場合、通常は new 時に渡します。参照:コンストラクタ実体 {@link X.EventDispatcher.Constructor}\r
- * アプリケーション独自のイベントをやり取りしたいだけ、という場合、イベントターゲットは不要です。\r
- * @class\r
- * @classdesc EventTarget オブジェクトをラップしたり、アプリケーションで独自に定義したイベントを発信するためのクラスです。\r
- * listen, unlisten, dispatch という addEventListener, removeEventListener, dispatchEvent に対応する関数を持ちます。\r
- * さらに listening という as3 の hasEventListener に相当する関数を持ちます。\r
- * イベントターゲットオブジェクト(widnow, document, HTMLElement, XHR 等)が _rawObject に設定されていた場合に、それらへ実際のイベント登録・解除も行います。\r
- * このイベントの登録・解除はクロスブラウザで、IE5~8 の独自イベントの差異を吸収し、DOM0 に対しても複数のコールバックを登録することができます。\r
- * またコールバックに対して、this コンテキストや、追加の引数を指定もできます。 this コンテキストを指定しなかった場合、EventDispatcher インスタンスがコールバックの this になります。 \r
- * unlisten() は、引数を指定しなかった場合、全てのイベントを解除します。ただし、systemListen 経由で登録されたハンドラは解除されません。\r
- * systemListen, systemUnlisten は、ライブラリ内のコードからしかアクセスできません。\r
- * @param {object=} opt_rawObject\r
+ * <ol>\r
+ * <li>as3 の EventDispatcher ライクなクラス。そのまま使ったり、継承したり。\r
+ * <li>_rawObject メンバがいる場合、addEventListener, attachEvent, on 等で生のブラウザオブジェクトにリスナを登録する。\r
+ * window, document, HTMLElement, Image, XHR, Silverlight などが _rawObject になる。\r
+ * <li>イベントディスパッチ中にリスナの追加が呼び出された場合、リスナはこれ以降のイベントから呼ばれます。同様にリスナの削除が呼ばれた場合、そのリスナが呼ばれることはありません。\r
+ * </ol>\r
+ * \r
+ * <blockquot>\r
+ * <p><a href="https://developer.mozilla.org/ja/docs/Web/API/EventTarget.addEventListener" target="_blank">\r
+ * MDN > 開発者向けのWeb技術 > Web API インターフェイス > EventTarget > EventTarget.addEventListener イベント発送中のリスナーの追加</a>\r
+ * <p>EventListener がイベント処理中に EventTarget に追加された場合、それが現在のアクションによって実行されることはありませんが、浮上フェーズのように、後の段階のイベントフローで実行されるかもしれません。\r
+ * </blockquot>\r
+ * \r
+ * <blockquot>\r
+ * <p><a href="https://developer.mozilla.org/ja/docs/Web/API/EventTarget.removeEventListener" target="_blank">\r
+ * MDN > 開発者向けのWeb技術 > Web API インターフェイス > EventTarget > EventTarget.removeEventListener 注記</a>\r
+ * <p>イベントリスナーが イベントを処理中であるイベントターゲットから削除された場合、現在のアクションによってそのイベントリスナーが実行されることはありません。\r
+ * <p>イベントリスナーは、決して削除された後に実行されることはありません。\r
+ * <p>イベントターゲット上にある現在のどのイベントリスナーも指定していない引数付きの removeEventListener は、何の効果もありません。\r
+ * </blockquot>\r
+ *\r
+ * <p>listen, unlisten, dispatch という addEventListener, removeEventListener, dispatchEvent に対応する関数を持ちます。\r
+ * また listening という ActionScript3 の hasEventListener に相当する関数を持ちます。\r
+ * \r
+ * <p>イベントターゲットオブジェクト(widnow, document, HTMLElement, XHR, Silverlight 等)が this[ '_rawObject' ] に設定されていた場合に、それらへ実際のイベント登録・解除も行います。\r
+ * このイベントの登録・解除はクロスブラウザで、IE5~8 の独自イベントの差異を吸収し、DOM0 に対しても複数のコールバックを登録することができます。\r
+ * \r
+ * <p>またコールバックに対して、this コンテキストや、追加の引数を指定もできます。 this コンテキストを指定しなかった場合、EventDispatcher インスタンスがコールバックの this になります。 \r
+ * \r
+ * <p>unlisten() では systemListen 経由で登録されたハンドラは解除されません。\r
+ * \r
+ * systemListen, systemUnlisten は、ライブラリ内のコードからしかアクセスできません。\r
+ * \r
+ * @alias X.EventDispatcher\r
+ * @class EventDispatcher オブジェクトをラップしたり、アプリケーションで独自に定義したイベントを発信するためのクラスです。\r
+ * @constructor \r
+ * @constructs EventDispatcher\r
+ * @extends {__ClassBase__}\r
*/\r
-X.EventDispatcher =\r
- X.Class.create(\r
+var X_EventDispatcher = X[ 'EventDispatcher' ] =\r
+ X_Class_create(\r
'EventDispatcher',\r
\r
- /** @lends {X.EventDispatcher.prototype} */\r
+ /** @lends EventDispatcher.prototype */\r
{\r
\r
- /**\r
- * @namespace\r
- * @memberof X.EventDispatcher\r
- */\r
-\r
/**\r
- * イベントリスナをイベント名(string)や数値(1~,フレームワーク内で定義)をキーとするArrayで記憶します。\r
- * Arrayには、{k:種類,x:コンテキスト(thisObject),f:関数,s:サプリメントする引数の配列} というハッシュ、または関数が蓄えられています。\r
+ * OTHER(Node,window,document,Image,Audio), XHR, Silverlight\r
+ * @private\r
+ * @type {number}\r
+ */\r
+ '_rawType' : X_EventDispatcher_EVENT_TARGET_OTHER,\r
+ \r
+ /**\r
+ * イベントリスナをイベント名文字列や数値(5以上、フレームワーク内で定義)をキーとするArrayで記憶します。<br>\r
+ * Arrayには、{kind:種類,context:コンテキスト(thisObject),func:コールバック関数,supplement:サプリメントする引数の配列} というハッシュ、または関数が蓄えられています。\r
+ * \r
* @private\r
- * @type {Object.<(number|string), Array.<(callbackHash|function)>>}\r
+ * @type {__X_EventDispatcher_Listeners__}\r
*/\r
'_listeners' : null,\r
\r
/**\r
* _rawObject には HTMLElement, window, document, XHR といったイベントターゲットオブジェクトを設定します。\r
- * _rawObject が設定されていると on(), off() 時に addEventListener(DOM Level2) や detachEvent(ie5~8), on~(DOM0) 等を操作します。\r
- * _rawObject は最初の on() 前に設定しておかないと addEventListener 等が意図したように行われません。\r
- * X.Node ã\81§ã\81¯é\9d\9eå\90\8cæ\9c\9fã\81« HTMLElement ã\82\92ç\94\9fæ\88\90ã\81\97ã\81¦ã\81\84ã\81¦ã\80\81è¦\81ç´ ç\94\9fæ\88\90以å\89\8dã\81« on, off ã\82\92å\91¼ã\81³å\87ºã\81\99ã\81\93ã\81¨ã\81\8cã\81§ã\81\8dã\81¾ã\81\99ã\80\82ã\81\93ã\82\8cã\81¯é\81©å®\9cã\81« migrateEvent, restoreEvent を呼んで解決しているためです。\r
+ * _rawObject が設定されていると listen(), unlisten() 時に addEventListener(DOM Level2) や detachEvent(ie5~8), on~(DOM0) 等を操作します。\r
+ * _rawObject は最初の listen() 前に設定しておかないと addEventListener 等が意図したように行われません。\r
+ * X.Node ã\81§ã\81¯é\9d\9eå\90\8cæ\9c\9fã\81« HTMLElement ã\82\92ç\94\9fæ\88\90ã\81\97ã\81¦ã\81\84ã\81¾ã\81\99ã\81\8cã\80\81è¦\81ç´ ç\94\9fæ\88\90以å\89\8dã\81« listen, unlisten ã\82\92å\91¼ã\81³å\87ºã\81\99ã\81\93ã\81¨ã\81\8cã\81§ã\81\8dã\81¾ã\81\99ã\80\82ã\81\93ã\82\8cã\81¯é\81©å®\9cã\81« X_EventDispatcher_toggleAllEvents を呼んで解決しているためです。\r
* @private\r
* @type {Object}\r
*/\r
'_rawObject' : null,\r
- \r
- /**\r
- * _rawObject がある場合、イベントターゲットオブジェクトに対して addEventListener, attachEvent, onXX 時に実際に渡される関数。\r
- * イベントタイプが変わっても、単一の オブジェクトを使いまわす。(但し例外は、IE8以下の XHR|MSXML に対して。)最初の listen で生成されて、最後の unlisten で削除される。\r
- * @private\r
- * @type {X.Callback}\r
- */\r
- '_handleEvent' : null,\r
- \r
- /*\r
- * dispatch 中に dispatch が呼ばれた際に、そのネストの深さを保存する。\r
- * dispatch() 終了時に _dispatching が 0 の場合に、現在のインスタンスの dispatch がすべて終わったことになる。\r
- * @private\r
- * @type {number}\r
- */\r
- '_dispatching' : 0, // dispatch 中の unlisten で使用\r
-\r
- /*\r
- * dispatch 中に listen が呼ばれた場合に、配列のindexがずれることを避けるため、一旦保持する。\r
- * _dispatching が 0 のときに _reserves を使って listen() を呼び出す。\r
- * @private\r
- * @type {Object.<(number|string), Array.<(X.Callback|function)>>}\r
- */\r
- '_reserves' : null,\r
- \r
- /*\r
- * dispatch 中に unlisten が呼ばれた場合に、配列のindexがずれることを避けるため、一旦保持する。\r
- * _dispatching が 0 のときに _unlistens を使って unlisten() を呼び出す。\r
- * @private\r
- * @type {Object.<(number|string), Array.<(X.Callback|function)>>}\r
- */\r
- '_unlistens' : null,\r
- \r
- /*\r
- * dispatch 中に kill が呼ばれた場合に、X.EventDispatcher インスタンスの削除を dispatch 後にずらすために立てるフラグ。\r
- * @private\r
- * @type {boolean}\r
- */\r
- '_killReserved' : false,\r
\r
/**\r
- * X.EventDispatcher のコンストラクタの実体。\r
- * @constructs\r
- * @this {X.EventDispatcher}\r
- * @params {object=} opt_rawObject\r
+ * X.EventDispatcher のコンストラクタの実体。<br>\r
+ * イベントターゲットをラップする場合、通常は new 時に渡します。<br>\r
+ * アプリケーション独自のイベントをやり取りしたいだけ、という場合イベントターゲットは指定しません。\r
+ * @param {object=} opt_rawObject\r
*/\r
- Constructor : function( opt_rawObject ){\r
+ 'Constructor' : function( opt_rawObject ){\r
if( opt_rawObject ){\r
- this._rawObject = opt_rawObject;\r
+ this[ '_rawObject' ] = opt_rawObject;\r
};\r
},\r
\r
- /**\r
- * 登録されたイベントリスナを呼び出す。イベントリスナの返り値(数値)を OR したものを返す。\r
- * @this {X.EventDispatcher}\r
- * @return {number}\r
- * @param {(eventHash|string|number)} e\r
- */ \r
- dispatch : X_EventDispatcher_dispatch,\r
-\r
- /**\r
- * \r
- * @this {X.EventDispatcher}\r
- */\r
- on : X_EventDispatcher_listen,\r
- listen : X_EventDispatcher_listen,\r
+ 'dispatch' : X_EventDispatcher_dispatch,\r
+ \r
+ 'listen' : X_EventDispatcher_listen,\r
\r
/**\r
- * 一度 dispatch された時に自動で unlisten されるフラグを立てて listen する。\r
- * @this {X.EventDispatcher}\r
- * @return {X.EventDispatcher}\r
- * @param {(string|number|Array.<(string,number)>)} type\r
- * @param {(listener|function|Array)=} opt_arg1\r
- * @param {(function|Array=} opt_arg2\r
- * @param {Array=} opt_arg3\r
+ * dispatch 時に自動で unlisten されるフラグを立てて listen する。\r
+ * @param {string|number|Array.<string,number>} type 配列を指定した場合、複数のイベントタイプに対して同じコールバックを登録する。\r
+ * @param {listener|function|Array} [opt_arg1=]\r
+ * @param {function|Array} [opt_arg2=]\r
+ * @param {Array} [opt_arg3=] コールバック時の引数を配列に入れる。引数がひとつでも配列を使用する。省略した場合引数なし。unlisten() に使用するので、配列も適宜に保持しておくこと。\r
+ * @return {EventDispatcher} チェインメソッド\r
*/\r
- listenOnce : function( type, opt_arg1, opt_arg2, opt_arg3 ){\r
+ 'listenOnce' : function( type, opt_arg1, opt_arg2, opt_arg3 ){\r
X_EventDispatcher_once = true;\r
- this.listen( type, opt_arg1, opt_arg2, opt_arg3 );\r
+ this[ 'listen' ]( type, opt_arg1, opt_arg2, opt_arg3 );\r
X_EventDispatcher_once = false;\r
return this;\r
},\r
- \r
- off : X_EventDispatcher_unlisten,\r
- unlisten : X_EventDispatcher_unlisten,\r
+\r
+ 'unlisten' : X_EventDispatcher_unlisten,\r
\r
/**\r
- * イベントリスナの登録状況を真偽値で返す。戻り値が数値(index)の場合もあるが、これは内部のみで使用。\r
- * listening() と type を省略した場合、一つでも登録があれば true を返す。\r
- * listening( type ) と type だけを与えた場合、その type に登録があれば true を返す。\r
- * type と イベントリスナの組み合わせが登録されているかを調べる場合は、listen 時の thisObject や args(Array) も一致させて渡す必要がある。\r
+ * <p>イベントリスナの登録状況を真偽値で返す。戻り値が数値(index)の場合もあるが、これは内部のみで使用。\r
+ * <p>this.listening(); のように type を省略した場合、一つでも登録があれば true を返す。\r
+ * <p>this.listening( 'myevent' ); と type だけを与えた場合、その type に登録があれば true を返す。\r
+ * <p>type と イベントリスナの組み合わせが登録されているかを調べる場合は、listen 時の thisObject や args(Array) も一致させて渡す必要がある。\r
+ * \r
+ * @example \r
* this.listen( [ 'myevent', 'yourevent' ], this, onMyEvent, args = [ 1, 'a' ] );\r
* this.listening( 'myevent', this, onMyEvent, args ) === true;\r
- * @this {X.EventDispatcher}\r
- * @return {(number|boolean)}\r
- * @param {(string|number)=} opt_type\r
- * @param {(listener|function|Array|callbackHash)=} opt_arg1\r
- * @param {(function|Array=} opt_arg2\r
- * @param {Array=} opt_arg3\r
+ * \r
+ * @return {number|boolean}\r
+ * @param {string|number} opt_type\r
+ * @param {listener|function|Array|callbackHash} opt_arg1\r
+ * @param {function|Array} opt_arg2\r
+ * @param {Array} opt_arg3\r
*/ \r
- listening : function( opt_type, opt_arg1, opt_arg2, opt_arg3 ){\r
- var list = this._listeners,\r
- unlistens, i, f, hash;\r
+ 'listening' : function( opt_type, opt_arg1, opt_arg2, opt_arg3 ){\r
+ var listeners = this[ '_listeners' ],\r
+ lock = X_EventDispatcher_lock || X_EventDispatcher_unlock,\r
+ list, cbHash, unlistens, i, f;\r
\r
- if( opt_type === undefined ) return !!list;\r
- if( !list || !( list = list[ opt_type ] ) ) return false;\r
- if( opt_arg1 === undefined ) return true;\r
+ if( opt_type === undefined ) return !!listeners;\r
+ if( !listeners || !( list = listeners[ opt_type ] ) ) return false;\r
+ if( opt_arg1 === undefined ) return X_EventDispatcher_needsIndex ? 0 : true;\r
\r
- if( opt_arg1.k ){\r
- hash = opt_arg1;\r
+ // TODO callbackHash か?判定が不十分!\r
+ if( opt_arg1.kind ){\r
+ cbHash = opt_arg1;\r
} else {\r
- hash = X_Callback_classifyCallbackArgs( opt_arg1, opt_arg2, opt_arg3, this );\r
+ cbHash = X_Callback_classifyCallbackArgs( opt_arg1, opt_arg2, opt_arg3, this );\r
};\r
\r
- if( ( unlistens = this._unlistens ) && ( unlistens = unlistens[ opt_type ] ) ){\r
+ if( ( unlistens = listeners[ X_LISTENERS_UNLISTENS ] ) && ( unlistens = unlistens[ opt_type ] ) ){\r
for( i = unlistens.length; i; ){\r
f = unlistens[ --i ];\r
- if( f === hash || ( f.x === hash.x && f.f === hash.f && f.s === hash.s ) ) return false;\r
+ if( f === cbHash || ( f.context === cbHash.context && f.func === cbHash.func && f.supplement === cbHash.supplement && f.lock === lock ) ) return false;\r
};\r
};\r
for( i = list.length; i; ){\r
f = list[ --i ];\r
- if( f === hash || ( f.x === hash.x && f.f === hash.f && f.s === hash.s ) ){\r
+ if( f === cbHash || ( f.context === cbHash.context && f.func === cbHash.func && f.supplement === cbHash.supplement && f.lock === lock ) ){\r
// index を要求された場合、lock されていない、または unlock なら index を返す\r
- return X_EventDispatcher_needsIndex ? ( X_EventDispatcher_unlock || !f.lock ? i : false ) : true;\r
+ return X_EventDispatcher_needsIndex ? i : true;\r
};\r
};\r
return false;\r
},\r
\r
/**\r
- * delay(ミリ秒)後にイベントを dispatch する。戻り値は uid = X.Timer.add() のタイマーID(数値)。X.Timer.remove(uid) でタイマーを解除して dispatch を中止できる。\r
- * @this {X.EventDispatcher}\r
- * @return {number}\r
- * @param {number=} delay ms 省略した場合は 0 として扱う asyncDispatch( 'myevent' ) -> asyncDispatch( 0, 'myevent' )\r
- * @param {(eventHash|string|number)=} e\r
+ * delay(ミリ秒)後にイベントを dispatch する。戻り値は uid = X.Timer.once() のタイマーID(数値)。X.Timer.remove(uid) でタイマーを解除して dispatch を中止できる。\r
+ * kill() 時には内部でまだ呼ばれていないタイマーの X.Timer.remove() が行われる。インスタンスが破棄された後にタイマーが呼ばれることがないので神経質にならなくても安全に使える。\r
+ * @example this[ 'asyncDispatch' ]( 'myevent' );\r
+ * // どちらのコードも同じ動作をする。\r
+ * this.asyncDispatch( 0, 'myevent' );\r
+ * @param {number|eventHash|string} delay ms 省略した場合は 0 として扱う asyncDispatch( 'myevent' ) -> asyncDispatch( 0, 'myevent' )\r
+ * @param {eventHash|string|number} e イベントを表す数値、文字列、{ type : XXX, ... } なオブジェクト\r
+ * @return {number} X.Timer.add() の戻り値\r
*/ \r
- asyncDispatch : function( delay, e ){\r
+ 'asyncDispatch' : function( delay, e ){\r
+ var timerID;\r
if( delay && e === undefined ){\r
e = delay;\r
delay = 0;\r
- console.log( 'lazy : ' + e );\r
};\r
- return X.Timer.add( delay, 1, this, this.dispatch, [ e ] );\r
+ timerID = X_Timer_add( delay, 1, this, X_EventDispatcher_dispatch, [ e ] );\r
+ X_EventDispatcher_LAZY_TIMERS[ timerID ] = this;\r
+ return timerID;\r
}\r
}\r
);\r
// ------------------------------------------------------------------------- //\r
\r
/**\r
- * 登録されたイベントリスナを呼び出す。イベントリスナの返り値(数値)を OR したものを返す。イベントハッシュでなく、string|number を渡すと内部でイベントハッシュを作る\r
- * @this {X.EventDispatcher}\r
- * @return {number} X.Callback で定義された数値\r
- * @param {(eventHash|string|number)} e\r
+ * 登録されたイベントリスナを呼び出す。イベントリスナの返り値(数値)を OR したものを返す。イベントハッシュでなく、string|number を渡すと内部でイベントハッシュを作る。\r
+ * dispatch のコールバック中で kill() が呼ばれた場合、実際の kill は、dispatch の終わりまで待機する。dispatch がネストする場合は全ての dispatch の完了で kill() する。__ClassBase__ も参照。\r
+ * dispatch のコールバック中で listen() が呼ばれた場合、実際の listen は、dispatch の終わりまで待機する。dispatch がネストする場合は全ての dispatch の完了で listen() する。\r
+ * dispatch のコールバック中で unlisten() が呼ばれた場合、即座に反映され削除されたイベントリスナーは呼ばれない。\r
+ * @alias EventDispatcher.prototype.dispatch\r
+ * @param {eventHash|string|number} e\r
+ * @return {number} X.Callback で定義された数値(ビットフラグ)\r
*/\r
function X_EventDispatcher_dispatch( e ){\r
- var list = this[ '_listeners' ],\r
- ret = X_Callback_NONE,\r
- type = e[ 'type' ],\r
- unlistens, i, l, args, f, r, sysOnly;\r
+ var listeners = this[ '_listeners' ],\r
+ ret = X_Callback_NONE,\r
+ type = e[ 'type' ],\r
+ list, unlistens, i, l, args, f, r, sysOnly, timerID;\r
\r
- if( !list || !( list = list[ type || e ] ) ) return ret;\r
+ if( !listeners || !( list = listeners[ type || e ] ) ) return X_Callback_NONE;\r
\r
// 数値, 文字が渡された場合\r
if( !type ){\r
- e = { type : type = e };\r
+ e = { 'type' : type = e };\r
};\r
- e.target = e.target || this;\r
- e.currentTarget = e.currentTarget || this;\r
+ e[ 'target' ] = e[ 'target' ] || this;\r
+ e[ 'currentTarget' ] = e[ 'currentTarget' ] || this;\r
\r
- ++this._dispatching;\r
+ if( listeners[ X_LISTENERS_DISPATCHING ] ){\r
+ ++listeners[ X_LISTENERS_DISPATCHING ];\r
+ } else {\r
+ listeners[ X_LISTENERS_DISPATCHING ] = 1;\r
+ };\r
\r
// todo:\r
// type も保存\r
- this._unlistens = this._unlistens || {};\r
- unlistens = this._unlistens[ type ];\r
+ listeners[ X_LISTENERS_UNLISTENS ] = listeners[ X_LISTENERS_UNLISTENS ] || {};\r
+ unlistens = listeners[ X_LISTENERS_UNLISTENS ][ type ];\r
\r
for( i = 0; i < list.length; ++i ){\r
f = list[ i ];\r
if( !unlistens ){\r
- unlistens = this._unlistens[ type ];\r
+ unlistens = listeners[ X_LISTENERS_UNLISTENS ][ type ];\r
};\r
if( unlistens && unlistens.indexOf( f ) !== -1 ) continue;\r
\r
- //if( f !== X.emptyFunction ){\r
- // if( f.k ){\r
- r = X_Callback_proxyCallback( f, args || ( args = [ e ] ) );\r
- // } else {\r
- // r = f.call( this, e );\r
- // };\r
- //};\r
+ r = X_Callback_proxyCallback( f, args || ( args = [ e ] ) ) || 0;\r
\r
if( f.once || r & X_Callback_UN_LISTEN ){\r
// dispatch 中に unlisten が作られることがある\r
if( !unlistens ){\r
- unlistens = this._unlistens || ( this._unlistens = {} );\r
+ unlistens = listeners[ X_LISTENERS_UNLISTENS ] || ( listeners[ X_LISTENERS_UNLISTENS ] = {} );\r
unlistens = unlistens[ type ] || ( unlistens[ type ] = [] );\r
};\r
unlistens.indexOf( f ) === -1 && ( unlistens[ unlistens.length ] = f );\r
};\r
-\r
- if( r & X.Callback.STOP_NOW ){\r
+ ret |= X_Type_isFinite( r ) ? r : 0;\r
+ \r
+ if( ( r & X_Callback_STOP_NOW ) === X_Callback_STOP_NOW ){ // iOS では ( & ) 括弧が無いと判定を誤る\r
sysOnly = true;\r
+ break;\r
};\r
- ret |= X.Type.isFinite( r ) ? r : 0;\r
};\r
\r
- if( ( --this._dispatching ) === 0 ){\r
- // dispatch 中に unlisten された要素の削除\r
- unlistens = this._unlistens;\r
- delete this._dispatching;\r
- delete this._unlistens; \r
- // _unlistens に入っている callbackHash は、lock をクリアしている\r
- X_EventDispatcher_unlock = true;\r
- for( type in unlistens ){\r
- list = unlistens[ type ];\r
- for( i = list.length; i; ){\r
- this.unlisten( type, list[ --i ] );\r
- };\r
- list.length = 0;\r
- delete unlistens[ type ];\r
- };\r
- X_EventDispatcher_unlock = false;\r
+ if( ( --listeners[ X_LISTENERS_DISPATCHING ] ) === 0 ){\r
+\r
+ delete listeners[ X_LISTENERS_DISPATCHING ];\r
\r
- if( this._killReserved ){\r
- this.kill();\r
- } else\r
- if( list = this._reserves ){\r
+ // dispatch 中に listen されたイベントの追加\r
+ if( list = listeners[ X_LISTENERS_RESERVES ] ){\r
for( i = 0, l = list.length; i < l; ++i ){\r
f = list[ i ];\r
X_EventDispatcher_once = f[ 4 ];\r
X_EventDispatcher_lock = f[ 5 ];\r
- this.listen( f[ 0 ], f[ 1 ], f[ 2 ], f[ 3 ] );\r
- X_EventDispatcher_once = false;\r
- X_EventDispatcher_lock = false;\r
+ this[ 'listen' ]( f[ 0 ], f[ 1 ], f[ 2 ], f[ 3 ] ); \r
f.length = 0;\r
};\r
list.length = 0;\r
- delete this._reserves;\r
+ X_EventDispatcher_once = X_EventDispatcher_lock = false;\r
+ delete listeners[ X_LISTENERS_RESERVES ];\r
+ }; \r
+ \r
+ // dispatch 中に unlisten されたイベントの削除\r
+ if( unlistens = listeners[ X_LISTENERS_UNLISTENS ] ){\r
+ delete listeners[ X_LISTENERS_UNLISTENS ];\r
+ \r
+ // _unlistens に入っている callbackHash は、lock をクリアしている\r
+ X_EventDispatcher_unlock = true;\r
+ for( type in unlistens ){\r
+ //if( X_EMPTY_OBJECT[ type ] ) continue;\r
+ list = unlistens[ type ];\r
+ for( i = list.length; i; ){\r
+ this[ 'unlisten' ]( type, list[ --i ] );\r
+ };\r
+ list.length = 0;\r
+ delete unlistens[ type ];\r
+ };\r
+ X_EventDispatcher_unlock = false;\r
+ };\r
+ \r
+ if( X_EventDispatcher_LAZY_TIMERS[ X_Timer_currentUID ] === this ){\r
+ delete X_EventDispatcher_LAZY_TIMERS[ X_Timer_currentUID ];\r
+ };\r
+\r
+ if( listeners[ X_LISTENERS_KILL_RESERVED ] ){\r
+ this[ 'kill' ]();\r
};\r
};\r
\r
};\r
\r
/**\r
+ * イベントリスナを追加する。同一イベントに対して重複するリスナ(context, function, 引数 array が一致)の追加は無視される。\r
+ * ユーザーが触ることは無いが、システム内部でロックフラグを立てたリスナは、立てられていないフラグとは区別される。\r
+ * この仕組みによってシステムの登録したリスナを、システム外から不用意に削除されることを回避する。\r
+ * @example // 'myEvent' に対して、 this コンテキストを指定して 、コールバック関数を渡す。\r
+ * this[ 'listen' ]( 'myEvent', context, func );\r
+ * // 'myEvent' に対して、 this コンテキストを指定して 、コールバック関数と追加の引数を渡す。\r
+ * args = [ 'arg1', 'arg2', 3 ]; // unlisten( 'myEvent', context, func, args ) で使用するので Array も控えておく。\r
+ * this[ 'listen' ]( 'myEvent', context, func, args );\r
+ * // 'myEvent' に対して、 listener オブジェクトを渡す。listener は handleEvent という関数を持つオブジェクトのこと。\r
+ * listener.handleEvent = function( e ){};\r
+ * this[ 'listen' ]( 'myEvent', listener );\r
+ * // 'myEvent' に対して、 listener オブジェクトと追加の引数を渡す。\r
+ * listener.handleEvent = function( e, arg1, arg2, arg3 ){};\r
+ * this[ 'listen' ]( 'myEvent', listener, [ arg1, arg2, arg3 ] );\r
+ * // 'myEvent' に対して、 function を渡す。\r
+ * this[ 'listen' ]( 'myEvent', onMyEvent );\r
+ * // 'myEvent' に対して、 function と追加の引数を渡す。\r
+ * this[ 'listen' ]( 'myEvent', onMyEvent, args );\r
+ * // 次の二つは同じ動作です。 this コンテキストが与えられなかった場合、コールバックの this は発火元インスタンスになります。\r
+ * this[ 'listen' ]( 'myEvent', this [, func [, args ] ] );\r
+ * this[ 'listen' ]( 'myEvent' [, func [, args ] ] );\r
+ * // 複数のイベントタイプを同時に登録。コールバックは同じ指定が使われる。\r
+ * this[ 'listen' ]( [ 'open', 'close', 'ready' ], onUpdate );\r
* \r
- * @this {X.EventDispatcher}\r
- * @return {X.EventDispatcher}\r
- * @param {(string|number|Array.<(string,number)>)} type\r
- * @param {(listener|function|Array)=} opt_arg1\r
- * @param {(function|Array=} opt_arg2\r
- * @param {Array=} opt_arg3\r
+ * @alias EventDispatcher.prototype.listen\r
+ * @param {string|number|Array.<string,number>} type 配列を指定した場合、複数のイベントタイプに対して同じコールバックを登録する。\r
+ * @param {listener|function|Array} [opt_arg1=]\r
+ * @param {function|Array} [opt_arg2=]\r
+ * @param {Array} [opt_arg3=] コールバック時の引数を配列に入れる。引数がひとつでも配列を使用する。省略した場合引数なし。\r
+ * @return {EventDispatcher} チェインメソッド\r
*/\r
function X_EventDispatcher_listen( type, opt_arg1, opt_arg2, opt_arg3 ){\r
- var list = this._listeners,\r
- i, raw, add, f;\r
+ var listeners = this[ '_listeners' ],\r
+ i, raw, add, list, f;\r
+\r
+ if( !type ) return this;\r
\r
- if( this._dispatching ){\r
- if( !this._reserves ) this._reserves = [];\r
- this._reserves[ this._reserves.length ] = [ type, opt_arg1, opt_arg2, opt_arg3, X_EventDispatcher_once, X_EventDispatcher_lock ];\r
+ if( listeners && listeners[ X_LISTENERS_DISPATCHING ] ){\r
+ if( !listeners[ X_LISTENERS_RESERVES ] ) listeners[ X_LISTENERS_RESERVES ] = [];\r
+ listeners[ X_LISTENERS_RESERVES ][ listeners[ X_LISTENERS_RESERVES ].length ] = [ type, opt_arg1, opt_arg2, opt_arg3, X_EventDispatcher_once, X_EventDispatcher_lock ];\r
return this;\r
};\r
\r
- if( X.Type.isArray( type ) ){\r
+ if( X_Type_isArray( type ) ){\r
for( i = type.length; i; ){\r
- this.listen( type[ --i ], opt_arg1, opt_arg2, opt_arg3 );\r
+ this[ 'listen' ]( type[ --i ], opt_arg1, opt_arg2, opt_arg3 );\r
};\r
return this;\r
};\r
\r
- raw = this._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
- add = raw && ( !list || !list[ type ] ) && X.Type.isString( type );\r
- \r
- if( this.listening( type, opt_arg1, opt_arg2, opt_arg3 ) ) return this;\r
+ raw = this[ '_rawObject' ] || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
+ add = raw && ( !listeners || !listeners[ type ] ) && X_Type_isString( type );\r
+\r
+ if( this[ 'listening' ]( type, opt_arg1 || this, opt_arg2, opt_arg3 ) ) return this;\r
\r
- if( !list ) list = this._listeners = {};\r
- if( !( list = list[ type ] ) ) list = this._listeners[ type ] = [];\r
+ if( !listeners ) listeners = this[ '_listeners' ] = {};\r
+ list = listeners[ type ] || ( listeners[ type ] = [] );\r
\r
add && X_EventDispatcher_addEvent( this, type, raw, list );\r
\r
*/\r
function X_EventDispatcher_systemListen( that, type, opt_arg1, opt_arg2, opt_arg3 ){\r
X_EventDispatcher_lock = true;\r
- that.listen( type, opt_arg1, opt_arg2, opt_arg3 );\r
+ that[ 'listen' ]( type, opt_arg1, opt_arg2, opt_arg3 );\r
X_EventDispatcher_lock = false;\r
};\r
\r
/**\r
- * \r
- * @this {X.EventDispatcher}\r
- * @return {X.EventDispatcher}\r
- * @param {(string|number|Array.<(string,number)>)=} opt_type\r
- * @param {(listener|function|Array)=} opt_arg1\r
- * @param {(function|Array=} opt_arg2\r
- * @param {Array=} opt_arg3\r
+ * イベントリスナの解除を行う。登録時と同じ引数を与える必要がある。kill() ですべてのイベントが解除されるので、途中で解除されるイベント以外は kill() に任せてしまってよい。\r
+ * @alias EventDispatcher.prototype.unlisten\r
+ * @return {EventDispatcher}\r
+ * @param {string|number|Array.<string,number>} opt_type イベントID, イベント名、またはその配列\r
+ * @param {listener|function|Array} opt_arg1\r
+ * @param {function|Array} opt_arg2\r
+ * @param {Array} opt_arg3\r
*/\r
function X_EventDispatcher_unlisten( opt_type, opt_arg1, opt_arg2, opt_arg3 ){\r
- var list = this._listeners,\r
- _list, reserves, unlistens, i, f, raw, empty;\r
- if( !list ) return this;\r
+ var listeners = this[ '_listeners' ],\r
+ list, reserves, unlistens, i, f, raw, k, empty;\r
+ if( !listeners ) return this;\r
\r
- if( X.Type.isArray( opt_type ) ){\r
+ if( X_Type_isArray( opt_type ) ){\r
for( i = opt_type.length; i; ){\r
- this.unlisten( opt_type[ --i ], opt_arg1, opt_arg2, opt_arg3 );\r
+ this[ 'unlisten' ]( opt_type[ --i ], opt_arg1, opt_arg2, opt_arg3 );\r
if( !opt_type[ i ] ){\r
alert( '不正な unlisten Array' );\r
};\r
};\r
return this;\r
};\r
- \r
- if( opt_type === undefined ){\r
- // 全て削除\r
- for( opt_type in list ){\r
- _list = list[ opt_type ];\r
- for( i = _list.length; i; ){\r
- this.unlisten( opt_type, _list[ --i ] ); // override されていることがあるので、必ず unlisten を使用\r
- };\r
- // this.unlisten( opt_type ); これは無茶!\r
- };\r
- return this;\r
- } else\r
- if( opt_arg1 === undefined ){\r
- // 同一タイプを全て削除\r
- if( _list = list[ opt_type ] ){\r
- for( i = _list.length; i; ){\r
- this.unlisten( opt_type, _list[ --i ] ); // override されていることがあるので、必ず unlisten を使用\r
- };\r
- };\r
- return this;\r
- } else\r
- if( reserves = this._reserves ){\r
+\r
+ if( reserves = listeners[ X_LISTENERS_RESERVES ] ){\r
for( i = reserves.length; i; ){\r
f = reserves[ --i ];\r
- if( f[ 0 ] === opt_type && f[ 1 ] === opt_arg1 && f[ 2 ] === opt_arg2 && f[ 3 ] === opt_arg3 ){\r
+ if( f[ 0 ] === opt_type && f[ 1 ] === opt_arg1 && f[ 2 ] === opt_arg2 && f[ 3 ] === opt_arg3 && ( !f[ 5 ] || X_EventDispatcher_unlock ) ){\r
reserves.splice( i, 1 );\r
- if( !reserves.legth ) delete this._reserves;\r
+ if( !reserves.legth ) delete listeners[ X_LISTENERS_RESERVES ];\r
return this;\r
};\r
};\r
};\r
\r
X_EventDispatcher_needsIndex = true;\r
- i = this.listening( opt_type, opt_arg1, opt_arg2, opt_arg3 );\r
+ i = this[ 'listening' ]( opt_type, opt_arg1, opt_arg2, opt_arg3 );\r
X_EventDispatcher_needsIndex = false;\r
if( i === false ) return this;\r
\r
- f = ( _list = list[ opt_type ] )[ i ];\r
- // _unlistens に入っている callbackHash は、lock をクリアしている\r
- if( unlistens = this._unlistens ){\r
+ f = ( list = listeners[ opt_type ] )[ i ];\r
+ \r
+ if( unlistens = listeners[ X_LISTENERS_UNLISTENS ] ){\r
+ // _unlistens に入っている callbackHash は、lock のチェックは済んでいる\r
( unlistens = unlistens[ opt_type ] ) ?\r
( unlistens[ unlistens.length ] = f ) :\r
- ( this._unlistens[ opt_type ] = [ f ] );\r
+ ( listeners[ X_LISTENERS_UNLISTENS ][ opt_type ] = [ f ] );\r
} else {\r
delete f.once;\r
- _list.splice( i, 1 );\r
- if( !_list.length ){\r
- raw = this._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
- delete list[ opt_type ];\r
- if( empty = X_Object_isEmpty( list ) ) delete this._listeners;\r
- if( raw && '' + parseFloat( opt_type ) !== '' + opt_type ){ // 数字イベントの除外\r
- X_EventDispatcher_removeEvent( this, opt_type, raw, _list, !empty );\r
+ list.splice( i, 1 );\r
+ if( !list.length ){\r
+ raw = this[ '_rawObject' ] || X_UA_DOM.IE4 && X_Node__ie4getRawNode( this );\r
+ delete listeners[ opt_type ];\r
+ //empty = X_Object_isEmpty( listeners );\r
+ // TODO カウンター\r
+ empty = true;\r
+ for( k in listeners ){\r
+ if( k <= X_LISTENERS_KILL_RESERVED ) continue;\r
+ empty = false;\r
+ break;\r
};\r
+ if( raw && !X_String_isNumberString( '' + opt_type ) ){ // 数字イベントの除外\r
+ X_EventDispatcher_removeEvent( this, opt_type, raw, list, !empty );\r
+ };\r
+ if( empty ) delete this[ '_listeners' ];\r
};\r
};\r
return this;\r
*/\r
function X_EventDispatcher_systemUnlisten( that, type, opt_arg1, opt_arg2, opt_arg3 ){\r
X_EventDispatcher_unlock = true;\r
- that.unlisten( type, opt_arg1, opt_arg2, opt_arg3 );\r
+ that[ 'unlisten' ]( type, opt_arg1, opt_arg2, opt_arg3 );\r
X_EventDispatcher_unlock = false;\r
};\r
\r
+function X_EventDispatcher_unlistenAll( that ){\r
+ var listeners = that[ '_listeners' ],\r
+ type, list, i;\r
+ if( !listeners ) return;\r
+ \r
+ for( type in listeners ){\r
+ //if( X_EMPTY_OBJECT[ opt_type ] ) continue;\r
+ if( type <= X_LISTENERS_KILL_RESERVED ) continue;\r
+ list = listeners[ type ];\r
+ for( i = list.length; i; ){\r
+ that[ 'unlisten' ]( type, list[ --i ] );\r
+ };\r
+ };\r
+};\r
+\r
function X_EventDispatcher_addEvent( that, type, raw, list ){\r
- var i;\r
+ var i, f;\r
X_EventDispatcher_lock || ( type = X_Event_Rename[ type ] || type );\r
\r
- if( X.Type.isArray( type ) ){\r
+ if( X_Type_isArray( type ) ){\r
for( i = type.length; i; ){\r
- X_EventDispatcher_systemListen( that, type[ --i ], X.emptyFunction );\r
- console.log( 'X_EventDispatcher_systemListen ' + type[ i ] );\r
+ X_EventDispatcher_systemListen( that, type[ --i ], X_emptyFunction );\r
+ console.log( 'events fix > ' + type[ i ] );\r
};\r
} else {\r
- X_EventDispatcher_actualAddEvent( that, type, raw, list );\r
- };\r
-};\r
-\r
-var X_EventDispatcher_actualAddEvent =\r
+ \r
// Days on the Moon DOM Events とブラウザの実装 \r
// http://nanto.asablo.jp/blog/2007/03/23/1339502\r
// Safari 2 では関数オブジェクトしか EventListener として使えませんが、Safari のナイトリービルドでは handleEvent メソッドを持つオブジェクトも EventListener として使えるようです。\r
- X_UA_EVENT.W3C /* && ( X.UA.WebKit < 525.13 || X.UA.Opera7 || X.UA.NetFront < 4 ) */ ? // Safari3-\r
- (function( that, type, raw, list ){\r
- if( that._isXHR && X.UA.Opera < 12 ){\r
- // Opera11- の XHR は event オブジェクトが返らないため, eventType 毎に callback を指定する addEventListener もない\r
- raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
- } else\r
- if( that._isSilverlight ){\r
- list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
- list.sltoken = raw.AddEventListener( type, list.slcallback );\r
- } else { \r
- that._handleEvent || ( that._handleEvent = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
-\r
- if( raw.addEventListener ){\r
- raw.addEventListener( type, that._handleEvent, false );\r
- } else {\r
- // Safari は Image, Opera7 は window\r
- raw[ 'on' + type ] = that._handleEvent;\r
- };\r
+ \r
+ if( X_UA_EVENT.W3C ){\r
+ switch( that[ '_rawType' ] ){\r
+ case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
+ list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
+ list.sltoken = raw[ 'AddEventListener' ]( type, list.slcallback );\r
+ break;\r
+ \r
+ case X_EventDispatcher_EVENT_TARGET_XHR :\r
+ if( X_UA[ 'Opera' ] < 12 ){\r
+ // Opera11- の XHR は event オブジェクトが返らないため, eventType 毎に callback を指定する addEventListener もない\r
+ raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
+ break;\r
+ };\r
+\r
+ default :\r
+ // iOS と MacOSX Iron36 で発生。連続してアニメーションが起こると、クロージャの束縛された obj へのアクセスに失敗する。Win では起きない?\r
+ // むしろ、MacOSX のブラウザ全般で起こる??\r
+ if( ( X_UA[ 'WebKit' ] || X_UA[ 'Blink' ] ) &&\r
+ ( type === 'webkitTransitionEnd' || type === 'transitionend' ||\r
+ type === 'animationend' || type === 'webkitAnimationEnd' ||\r
+ type === 'animationstart' || type === 'webkitAnimationStart' ||\r
+ type === 'animationiteration' || type === 'webkitAnimationIteration' ) ){\r
+ raw.addEventListener( type, X_EventDispatcher_iOSTransitionEndDispatch, false );\r
+ } else {\r
+ f = that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] || ( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
+ \r
+ if( raw.addEventListener ){\r
+ raw.addEventListener( type, f, false );\r
+ } else {\r
+ // Safari は Image, Opera7 は window\r
+ raw[ 'on' + type ] = f;\r
+ };\r
+ };\r
};\r
- }) :\r
- X_UA_EVENT.IE ?\r
- (function( that, type, raw, list ){\r
- if( that._isXHR ){\r
- // ie8- の XHR は window.event が更新されないため, eventType 毎に callback を指定する\r
- raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
- } else \r
- if( that._isSilverlight ){\r
- list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
- list.sltoken = raw.AddEventListener( type, list.slcallback );\r
- } else { \r
- that._handleEvent || ( that._handleEvent = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
+ } else\r
+ if( X_UA_EVENT.IE ){\r
+ switch( that[ '_rawType' ] ){ \r
+ case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
+ list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
+ list.sltoken = raw[ 'AddEventListener' ]( type, list.slcallback );\r
+ break; \r
\r
- if( raw.attachEvent ){\r
- raw.attachEvent( 'on' + type, that._handleEvent );\r
- } else {\r
- raw[ 'on' + type ] = that._handleEvent;\r
- };\r
+ case X_EventDispatcher_EVENT_TARGET_XHR :\r
+ console.log( 'XHR addEvent ' + type );\r
+ // ie8- の XHR は window.event が更新されないため, eventType 毎に callback を指定する\r
+ raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
+ break;\r
+ \r
+ default :\r
+ f = that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] || ( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
+ \r
+ if( raw.attachEvent ){\r
+ raw.attachEvent( 'on' + type, f );\r
+ } else {\r
+ raw[ 'on' + type ] = f;\r
+ };\r
+ break;\r
};\r
- }) :\r
- (function( that, type, raw, list ){\r
- if( that._isXHR ){\r
- // ie4 mobile は XHR をサポート!\r
- raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
- } else\r
- if( that._isSilverlight ){\r
- // DOM0 で Silverlight ってあるの?\r
- list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
- list.sltoken = raw.AddEventListener( type, list.slcallback );\r
- } else {\r
- raw[ 'on' + type ] = that._handleEvent || ( that._handleEvent = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
+ } else {\r
+ switch( that[ '_rawType' ] ){\r
+ case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
+ // DOM0 で Silverlight ってあるの -> ie4 mobile?\r
+ list.slcallback = X_Callback_create( that, X_EventDispatcher_sliverLightDispatch, [ type ] );\r
+ list.sltoken = raw[ 'AddEventListener' ]( type, list.slcallback );\r
+ break; \r
+ \r
+ case X_EventDispatcher_EVENT_TARGET_XHR :\r
+ // ie4 mobile は XHR をサポート!\r
+ raw[ 'on' + type ] = X_Callback_create( that, X_EventDispatcher_dispatch, [ type ] );\r
+ break;\r
+\r
+ default :\r
+ raw[ 'on' + type ] = that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] || ( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] = X_Callback_create( that, X_EventDispatcher_actualHandleEvent ) );\r
+ break;\r
};\r
- });\r
+ }\r
+ };\r
+};\r
+\r
+\r
+/*\r
+ * iOS の webkitTransitionEnd が連続して起こる場合、\r
+ * コールバックの(that[ X_LISTENERS_ACTUAL_HANDLER ])クロージャ内の実際のコールバック(X_Callback_actualClosure:obj._)が\r
+ * 参照できていない問題に遭遇、、、iOS3.1.3 & iOS6.1.5 で確認\r
+ * animation も怪しい、、、\r
+ */\r
+function X_EventDispatcher_iOSTransitionEndDispatch( e ){\r
+ return X_Node_getXNode( this )[ 'dispatch' ]( X_Event_RenameTo[ e.type ] || e.type );\r
+};\r
\r
/*\r
* Silverlight のイベントの概要\r
* http://msdn.microsoft.com/ja-jp/library/cc189018%28v=vs.95%29.aspx#the_sender_parameter_and_event_data\r
*/\r
function X_EventDispatcher_sliverLightDispatch( sender, e, type ){\r
- return this.dispatch( type );\r
+ return this[ 'dispatch' ]( type );\r
};\r
\r
function X_EventDispatcher_removeEvent( that, type, raw, list, skip ){\r
var i;\r
X_EventDispatcher_unlock || ( type = X_Event_Rename[ type ] || type );\r
\r
- if( X.Type.isArray( type ) ){\r
+ if( X_Type_isArray( type ) ){\r
for( i = type.length; i; ){\r
- X_EventDispatcher_systemUnlisten( that, type[ --i ], X.emptyFunction );\r
+ X_EventDispatcher_systemUnlisten( that, type[ --i ], X_emptyFunction );\r
};\r
} else {\r
- X_EventDispatcher_actualRemoveEvent( that, type, raw, list, skip );\r
- };\r
-};\r
+ if( X_UA_EVENT.W3C ){\r
+ switch( that[ '_rawType' ] ){\r
+ case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
+ raw[ 'RemoveEventListener' ]( type, list.sltoken ); // token\r
+ X_Callback_correct( list.slcallback );\r
+ delete list.sltoken;\r
+ delete list.slcallback;\r
+ break;\r
+ \r
+ case X_EventDispatcher_EVENT_TARGET_XHR :\r
+ if( X_UA[ 'Opera' ] < 12 ){\r
+ // Opera11- の XHR は event オブジェクトが返らないため, eventType 毎に callback を指定する addEventListener もない\r
+ X_Callback_correct( raw[ 'on' + type ] );\r
+ raw[ 'on' + type ] = '';\r
+ break;\r
+ };\r
\r
-var X_EventDispatcher_actualRemoveEvent =\r
- X_UA_EVENT.W3C /*&& ( X.UA.WebKit < 525.13 || X.UA.Opera7 || X.UA.NetFront < 4 )*/ ? // Safari3-\r
- (function( that, type, raw, list, skip ){\r
- if( that._isXHR && X.UA.Opera < 12 ){\r
- X_Callback_correct( raw[ 'on' + type ] );\r
- raw[ 'on' + type ] = '';\r
- } else \r
- if( that._isSilverlight ){\r
- raw.RemoveEventListener( type, list.sltoken ); // token\r
- X_Callback_correct( list.slcallback );\r
- delete list.sltoken;\r
- delete list.slcallback;\r
- } else {\r
- if( raw.addEventListener ){\r
- raw.removeEventListener( type, that._handleEvent, false );\r
- } else {\r
- raw[ 'on' + type ] = null;\r
- };\r
- if( !skip ){\r
- X_Callback_correct( that._handleEvent );\r
- delete that._handleEvent;\r
- };\r
+ default :\r
+ if( ( X_UA[ 'WebKit' ] || X_UA[ 'Blink' ] ) &&\r
+ ( type === 'webkitTransitionEnd' || type === 'transitionend' ||\r
+ type === 'animationend' || type === 'webkitAnimationEnd' ||\r
+ type === 'animationstart' || type === 'webkitAnimationStart' ||\r
+ type === 'animationiteration' || type === 'webkitAnimationIteration' ) ){\r
+ raw.removeEventListener( type, X_EventDispatcher_iOSTransitionEndDispatch, false );\r
+ } else \r
+ if( raw.addEventListener ){\r
+ raw.removeEventListener( type, that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ], false );\r
+ } else {\r
+ raw[ 'on' + type ] = null;\r
+ };\r
+ \r
+ if( !skip && that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] ){\r
+ X_Callback_correct( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] );\r
+ delete that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ];\r
+ };\r
};\r
- }) :\r
- X_UA_EVENT.IE ?\r
- (function( that, type, raw, list, skip ){\r
- if( that._isXHR ){\r
- X_Callback_correct( raw[ 'on' + type ] );\r
- raw[ 'on' + type ] = X.emptyFunction;\r
- raw[ 'on' + type ] = '';\r
- } else \r
- if( that._isSilverlight ){\r
- raw.RemoveEventListener( type, list.sltoken ); // token\r
- X_Callback_correct( list.slcallback );\r
- delete list.sltoken;\r
- delete list.slcallback;\r
- } else {\r
- if( raw.attachEvent ){\r
- raw.detachEvent( 'on' + type, that._handleEvent );\r
- } else {\r
- raw[ 'on' + type ] = X.emptyFunction;\r
- raw[ 'on' + type ] = '';\r
- };\r
+ } else\r
+ if( X_UA_EVENT.IE ){\r
+ switch( that[ '_rawType' ] ){\r
+ case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
+ raw[ 'RemoveEventListener' ]( type, list.sltoken ); // token\r
+ X_Callback_correct( list.slcallback );\r
+ delete list.sltoken;\r
+ delete list.slcallback;\r
+ break;\r
\r
- if( !skip ){\r
- X_Callback_correct( that._handleEvent );\r
- delete that._handleEvent;\r
- };\r
+ case X_EventDispatcher_EVENT_TARGET_XHR :\r
+ X_Callback_correct( raw[ 'on' + type ] );\r
+ raw[ 'on' + type ] = X_emptyFunction;\r
+ raw[ 'on' + type ] = '';\r
+ console.log( 'XHR rmEvent ' + type );\r
+ break;\r
+\r
+ default :\r
+ if( raw.attachEvent ){\r
+ raw.detachEvent( 'on' + type, that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] );\r
+ } else {\r
+ raw[ 'on' + type ] = X_emptyFunction;\r
+ raw[ 'on' + type ] = '';\r
+ };\r
+ \r
+ if( !skip ){\r
+ X_Callback_correct( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] );\r
+ delete that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ];\r
+ };\r
};\r
- }) :\r
- (function( that, type, raw, list, skip ){\r
- if( that._isXHR ){\r
- X_Callback_correct( raw[ 'on' + type ] );\r
- raw[ 'on' + type ] = X.emptyFunction;\r
- raw[ 'on' + type ] = '';\r
- } else\r
- if( that._isSilverlight ){\r
- raw.RemoveEventListener( type, list.sltoken ); // token\r
- X_Callback_correct( list.slcallback );\r
- delete list.sltoken;\r
- delete list.slcallback;\r
- } else {\r
- raw[ 'on' + type ] = X.emptyFunction;\r
- raw[ 'on' + type ] = '';\r
+ } else {\r
+ switch( that[ '_rawType' ] ){\r
+ case X_EventDispatcher_EVENT_TARGET_SILVER_LIGHT :\r
+ raw[ 'RemoveEventListener' ]( type, list.sltoken ); // token\r
+ X_Callback_correct( list.slcallback );\r
+ delete list.sltoken;\r
+ delete list.slcallback;\r
+ break;\r
\r
- if( !skip ){\r
- X_Callback_correct( that._handleEvent );\r
- delete that._handleEvent;\r
- };\r
+ case X_EventDispatcher_EVENT_TARGET_XHR :\r
+ X_Callback_correct( raw[ 'on' + type ] );\r
+ raw[ 'on' + type ] = X_emptyFunction;\r
+ raw[ 'on' + type ] = '';\r
+ break;\r
+\r
+ default :\r
+ raw[ 'on' + type ] = X_emptyFunction;\r
+ raw[ 'on' + type ] = '';\r
+ \r
+ if( !skip ){\r
+ X_Callback_correct( that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ] );\r
+ delete that[ '_listeners' ][ X_LISTENERS_ACTUAL_HANDLER ];\r
+ };\r
};\r
- });\r
+ };\r
+ };\r
+};\r
+\r
\r
+// TODO ブラウザからの呼び出しの最後に登録された関数を呼び出す機能(例えば画面の更新)\r
\r
// handleEvent を拡張可能にするために、クロージャに移動した\r
// Is this in regard to the Safari 1.x preventDefault bug on click/dblclick?\r
var X_EventDispatcher_actualHandleEvent =\r
X_UA_EVENT.IE4 || X_UA_EVENT.IE ? // ie45678 EVENT_IE & EVENT_DOM0 for ie4\r
(function(){\r
- var ret;\r
+ var e = event, ret;\r
\r
- //if( event.type === 'readystatechange' && this._tag && X.Dom.Event._LOAD_FIX_TAGS[ this._tag ] ){\r
- //type = 'readystatechange';\r
- //};\r
- \r
- ret = this.dispatch( new X.Dom.Event( event, this, this._rawObject ) );\r
+ ret = this[ 'dispatch' ]( new X_DomEvent( e, this, this[ '_rawObject' ] ) );\r
\r
- if( ret & X.Callback.STOP_PROPAGATION ){\r
- event.cancelBubble = true;\r
+ if( ret & X_Callback_STOP_PROPAGATION ){\r
+ e.cancelBubble = true;\r
};\r
- if( ret & X.Callback.PREVENT_DEFAULT ){\r
- this._tag === 'A' && this._rawObject.blur();\r
- return event.returnValue = false;\r
+ if( ret & X_Callback_PREVENT_DEFAULT ){\r
+ this[ '_tag' ] === 'A' && this[ '_rawObject' ].blur();\r
+ return e.returnValue = false;\r
};\r
}) :\r
- //X_UA_EVENT.W3C & X_UA_EVENT.DOM0\r
+ //X_UA_EVENT.W3C || X_UA_EVENT.DOM0\r
(function( e ){\r
- var ev = new X.Dom.Event( e, this ),\r
+ var ev = new X_DomEvent( e, this ),\r
ret = X_Callback_NONE,\r
i, l;\r
- console.log( '>>>>>>>>>> ' + e.type );\r
+ //console.log( '>>>>>>>>>> ' + e.type );\r
// touch event -> pointer\r
- if( X.Type.isArray( ev ) ){\r
+ if( X_Type_isArray( ev ) ){\r
if( ev.length === 0 ){\r
// TouchEvent の後に発生した MouseEvent のキャンセル\r
- ret = X.Callback.STOP_PROPAGATION | X.Callback.PREVENT_DEFAULT;\r
+ ret = X_Callback_STOP_PROPAGATION | X_Callback_PREVENT_DEFAULT;\r
} else {\r
for( i = 0, l = ev.length; i < l; ++i ){\r
- console.log( 'handleEvent ' + ev[ i ].type );\r
- ret |= this.dispatch( ev[ i ] ) || 0;\r
- }; \r
+ //console.log( 'handleEvent ' + ev[ i ].type );\r
+ ret |= this[ 'dispatch' ]( ev[ i ] ) || 0;\r
+ };\r
};\r
} else {\r
- ret = this.dispatch( ev );\r
+ ret = this[ 'dispatch' ]( ev );\r
};\r
\r
- if( ret & X.Callback.STOP_PROPAGATION ){\r
+ if( ret & X_Callback_STOP_PROPAGATION ){\r
e.stopPropagation();\r
};\r
- if( ret & X.Callback.PREVENT_DEFAULT ){\r
- this._tag === 'A' && this._rawObject.blur();\r
+ if( ret & X_Callback_PREVENT_DEFAULT ){\r
+ this[ '_tag' ] === 'A' && this[ '_rawObject' ].blur();\r
e.preventDefault();\r
- if( X.UA.WebKit < 525.13 ){ // Safari3-\r
+ if( X_UA[ 'WebKit' ] < 525.13 ){ // Safari3-\r
if( e.type === 'click' || e.type === 'dbclick' ){\r
X_EventDispatcher_safariPreventDefault = true;\r
};\r
};\r
});\r
\r
-if( X.UA.WebKit < 525.13 ){ // Safari3-\r
+if( X_UA[ 'WebKit' ] < 525.13 ){ // Safari3-\r
document.documentElement.onclick =\r
- document.documentElement.ondbclick = function( e ){\r
+ document.documentElement[ 'ondbclick' ] = function( e ){\r
if( X_EventDispatcher_safariPreventDefault ){\r
X_EventDispatcher_safariPreventDefault = false;\r
e.preventDefault();\r
// イベントの退避、dom が画面から抜かれる場合に実施しておく\r
// 退避したイベントの復帰\r
function X_EventDispatcher_toggleAllEvents( that, add ){\r
- var list = that._listeners,\r
- raw = that._rawObject || X_UA_DOM.IE4 && X_Node__ie4getRawNode( that ),\r
- f = add ? X_EventDispatcher_addEvent : X_EventDispatcher_removeEvent,\r
+ var list = that[ '_listeners' ],\r
+ raw = that[ '_rawObject' ] || X_UA_DOM.IE4 && X_Node__ie4getRawNode( that ),\r
+ func = add ? X_EventDispatcher_addEvent : X_EventDispatcher_removeEvent,\r
type;\r
if( !list || !raw ) return;\r
for( type in list ){\r
+ //if( X_EMPTY_OBJECT[ type ] ) continue;\r
+ //if( type <= X_LISTENERS_KILL_RESERVED ) continue;\r
// 数字イベントの除外\r
- if( '' + parseFloat( type ) !== type ){\r
+ if( !X_String_isNumberString( type ) ){\r
// TODO type rename はここ\r
- f( that, type, raw, list[ type ], true );\r
+ func( that, type, raw, list[ type ], true );\r
};\r
};\r
};\r