親オブジェクトのイベントを子オブジェクトで発火させない

Question

JavaScriptのイベントに関する質問です。
addEventListenerを使ってクリック時にオブジェクトAに関数funcAをつける
addEventListenerを使ってクリック時にオブジェクトAの子オブジェクトBに関数funcBをつける

オブジェクトBをクリックした際にfuncAは実行させずfuncBのみを実行したいのですがなにか方法はないでしょうか？

Comments

[kei344]

具体的にHTMLおよびCSS、JavaScriptなどを質問文に追記されたほうが回答を得られやすいと思います。

Answer 1

親要素にイベントが伝播することをバブリングと呼びます。
e.stopPropagation()で伝播をとめることができます。

$オブジェクトA.on('click', function(e) {
    alert('テスト');
});
 
$オブジェクトB.on('click', function(e) {
   alert('テスト');
   e.stopPropagation();
});

Answer 2

バブリングでgoogle検索するといろいろ出てくるはずです。
止め方がいくつかありますので、
ご自身のコードにあったものを選んでいただければと思います。

参考
http://www.tam-tam.co.jp/tipsnote/javascript/post5050.html
http://d.hatena.ne.jp/modified/20120615/1339731561