前置き custom eventとは何か?(前置きの前置き) ブラウザがサポートしているeventではない独自定義event。 clickとかはブラウザがサポートしているevent ユーザのアクションやブラウザの状態等によって直接発火されることはない click eventは、ユーザがマウ…

Debug jQuery events with ‘listHandlers()’ – James Padolsey jQueryオブジェクトが抱える要素が持つeventを第一引数の条件で絞り込み、 第2引数の関数に渡してくれる。 console.infoを指定すれば全件各々consoleに出力してくれる。

若手ITゾンビにオンラインで参加した。 liveメソッドについては.live() | jQuery API Documentationを参照 liveでeventを貼って、実際にeventが発火した場合、 以下のliveHandlerが呼ばれる。 l2989-3012 function liveHandler( event ){ var check = RegExp…

Firebugのconsoleでhoge,fuga,piyoの3つのcustom eventの通知を監視する。 後から追加した要素に後からbindしたとかでも監視出来る。 難点として動かしているとFirefoxがものすごい勢いでメモリを食っていき、 1window・1tabで2時間弱動かした程度でメモリ使…

jQuery.event.trigger(eventType); で、やる。若手ITゾンビで読んだ。 主な用途はDOM要素に紐づかないcustom eventの通知用(例：ajaxSend)と思われる。 (全DOM要素への通知って用途はあるのかな?) 実行すると、jQuery.cacheに入っている全てのオブジェクト(D…

jQueryでは非DOMオブジェクトにもeventをbind/triggerできる Binding Events To Non-DOM Objects With jQuery この例だとwindow.location.hrefが変化しているかどうかTimerで監視し続け、 変化したタイミングで$( window.location ).trigger('change',data);…

従来は行われなかったbubbling処理が行われるようになる http://semooh.jp/jquery/cont/doc/release_1.3/ これがよくわからなかったけど多分trrigerメソッドの話だと思ったので コードを読んでみたところそれっぽい処理があった。 確認の為にデモページをつ…

それだけ $('*').each(function(i,elem){ var events; if(!(events = $.data(elem,'events')))return; console.group(elem); for(var eventType in events){ console.info('eventType',eventType); var handlers = events[eventType]; for(var j in handlers…

キャプチャリングとバブリング Firefox編 - 文殊堂の追加調査 Firefox2と同様SafariとOperaでも検証用HTMLで検証してみました。 Safari3.1(Win版) Firefox2とまったく同じ動作でした。 Opera9.26 Firefox2と結果が異なりました。 (1)-外側クリック 表示され…

サイ本の17.2に詳しく書いてありますが、JavaScriptのDOM レベル2イベントでは、 イベント伝播は3つの段階で構成されます。 キャプチャリングフェーズ ターゲットノード自身でのイベントハンドラの実行 バブリングフェーズ 上図のように3つ入れ子になった要…