jquery - jQuery - トップレイヤーのみの発火イベント

Question

その中に div と img があるとしましょう。div と img の両方にもクリックイベントを追加しました。img をクリックすると、img のクリックイベントのみが発生します。

私は e.stopPropagation() で何かを行うことができましたが、実際の環境では、ほぼすべての単一要素に対してクリックイベントを添付する必要があるため、相互に 10 div になる可能性があります。マウスがある要素を取得し、親（または子）などはありません。

どうすればこれを達成できますか？

ありがとう！

編集: ここに例を示します: http://jsbin.com/uhuto/881/edit

「シールド」divがあるときにトップボックス（互いに2つ）をクリックすると、シールドの下でクリックした正確な要素をどのように取得しますか?

score 0 · Accepted Answer

e.target実際にクリックされた要素を知るために使用できます-

$('div').on('click',function(e){
  var clickedElement = e.target;
});

score 0 · Accepted Answer

次のように、イベントオブジェクトを使用してみてください。

$('#whatever').click(function(event){
  var ev = event || window.event;
  if(ev.target === this){
    //do your thing here
  }
});

2 に答える 2