http://jsfiddle.net/mgs_jsfiddle/HXMCs/では、マウスがサブ領域に移動した場合、最初のイベント ハンドラーが実行されないのはなぜですか?
<div class="top">
<div class="sub"></div>
</div>
$(".top").bind("mouseover mouseout", function(e) {
});
$(".top").on("mouseover mouseout", ".sub", function(e) {
e.stopPropagation();
});
両方のハンドラーが最上位の要素にアタッチされています。また、stopPropagation のドキュメントには、「これにより、同じ要素の他のハンドラーの実行が妨げられることはありません」と記載されています。では、最初のハンドラーも呼び出されるべきではありませんか?