javascript - 親要素に浸透するjquery onclick

Question

onclick内部要素がその親要素にもクリックスルーしないようにするにはどうすればよいですか。

<div id="1" onclick="alert('1')">
<div id="2" onclick="alert('2')"></div>
</div>

2 番目の div (id="2") が最初の div の上に表示されている場合、それをクリックすると、アラート 1 と 2 の両方が表示されます。

これを回避するにはどうすればよいので、外側の div が持つ可能性のある onclick 機能を完全に無効にすることなく、(目に見えて) クリックしているものからのみアラートを受け取ることができます。

例: http://jsfiddle.net/DPCx8/

Answer 1

イベントが親にバブルアップしないように、子で伝播を停止する必要があります。

$("#inner").on("click", function(e){
  e.stopPropagation();
});

Answer 2

event.stopPropogation();イベントのバブリングを防ぐために使用します