jquery-stopPropagation

参考1
参考2
イベントの伝播を止める

JavaScrpt は親子で一致するイベントが発生した場合、その処理が伝播します。

例えばULタグを使ってネストしている時、リストをクリックしたら何かの処理を行う、としてると、子の要素をクリックした時に親のクリックイベントもキックされます。

そうするといろいろと厄介なことがあると思うので、stopPropagation() を使って処理の伝播を止めます。

jQuery の場合は、次のようにします。

>|javascript|
$('#hoge').click(function(ev) {
ev = ev || window.event;
ev.stopPropagation();
}
||<
もしかすると、細かい所でバグるかもしれませんが、一応これで動いた。（Chrome）

因みに、preventDefault() は、自分のイベントはキャンセルするけど、伝播は止め無いとのこと。