javascript - 要素のクリック イベントを削除する方法

Question

要素が#fooあり、クリックイベントがあります。要素#fooは、#barクリック イベントもある要素内にあります。

<div id="bar">
  <div id="foo" />
</div>

#fooをクリックすると、イベント#barが呼び出され、#fooイベントが無視されます。それが今私が欲しいものです。

#foo設定したばかりのイベントとの親にあるすべてのイベントを除いて、要素からすべてのクリック イベントを削除する方法を探しています#foo。

編集：これはjsFiddle demoです。1 番目のイベントの前に 2 番目のイベントが呼び出されるようにします。

編集＃2：これがあなたの提案を含む私のコードです。うまくいきません。

Answer 1

foo にクリック イベントがあり、それをバブリングさせたくない場合は、次のようにします。

$("#foo").on('click', function(e){
     e.preventDefault();
     e.stopPropagation(); //this line will stop the click bubbling up the tree.
});

Answer 2

これを試して

$('#foo').click(function(e){
     e.preventDefault();
     e.stopPropagation(); 
     $('#bar').trigger('click');
});

Answer 3

stopPropagation 関数を使用します。例を参照してください。

$("#foo").click(function(e) {
   e.stopPropagation();
})