)ver1.3〜機能イベントオブジェクトにstopImmediatePropagationメソッドを利用するとバブリングを停止し、さらに他に設定されたイベント発生時の処理(function)も停止します。stopPropagationメソッドの拡張版です。stopPropagationメソッドを理解するようにしてください。解説stopPropagationメソッド同様にバブリングを停止しますサンプル(stopImmediatePropagation/01.html)を開いてbody内に3つのdiv要素があることを確認してください。div要素はid属性が付けられ、内側(子孫要素)から「green」「red」「blue」となっています。targetプロパティでイベントが発生した要素を取得し、そのid属性をアラートで表示します。その後でstopImmediatePropagationメソッドを実行しバブリングを停止します。$("div").click(function(eo){alert(eo.target.id);eo.stopImmediatePropagation();});stopImmediatePropagationメソッドでバブリングを停止しているため、一番内側に配置された緑のdiv要素をクリックしてもアラートは1回しか表示されません。stopPropagationメソッド同様にバブリングを停止していることが確認できます。ちなみにstopImmediatePropagationメソッドを利用しないサンプル(stopPropagation/01.html)では、緑色のdiv要素をクリックするとアラートで「green」と3回表示されます。これは緑で発生したイベントが赤、青のdiv要素に伝わる(バブリングする)ためです。他のイベント発生時の処理も停止しますstopImmediatePropagationメソッドはstopPropagationメソッドよりも強力で、他のイベント発生時の処理まで停止します。サンプル(stopImmediatePropagation/02.html)を開いてbody内にdiv要素が1つあることを確認してください。jQueryでは、まず以下の部分を確認してください。div要素に「aaaFunc」と「bbbFunc」の2つのfunction(イベント発生時の処理)が設定されています(設定の順番が大切です、サンプルではaaaFuncの方がbbbFuncよりも先に設定しています)。{$("div").click(aaaFunc);$("div").click(bbbFunc);});bbbFuncは「bbb」とアラートで表示するだけですが、aaaFuncには以下の様にstopImmediatePropagationが設定されています。aaaFunc(eo){alert("aaa");eo.stopImmediatePropagation();}stopImmediatePropagationメソッドによってaaaFuncの次に実行されるはずのbbbFuncの実行が停止されるため、div要素をクリックしても「aaa」しかアラートで表示されません。functionの設定順に注意サンプルstopImmediatePropagation/02.htmlでは、aaaFuncがbbbFuncよりも先に設定されています。stopImmediatePropagationメソッドは設定されたfunctionよりも前に設定されたfunctionの実行を止めることはできません。サンプル(stopImmediatePropagation/02b.html)を開いてbody内の構成がstopImmediatePropagation/02.htmlと同じことを確認してください。jQueryもほとんど同じで、異なるのは以下の様にaaaFuncではなくbbbFuncにstopImmediatePropagationメソッドが設定されている点だけです。bbbFunc(eo){alert("bbb");eo.stopImmediatePropagation();}bbbFuncはaaaFuncよりも後に設定されているため、bbbFunc内にstopImmediatePropagationメソッドを設定しても、aaaFuncの実行を停止することはできません。実際にdiv要素をクリックすると「aaa」と「bbb」の2回アラートが表示されます。functionの設定順にも気を配るようにしましょう。stopPropagationメソッドを利用します。preventDefaultメソッドを利用します。