jquery - jQuery - 仅针对顶层的触发事件

Question

所以假设我有一个 div 和 img 。我还为 div 和 img 添加了点击事件。当我点击 img 时，我只想触发 img 的点击事件。

我可以用 e.stopPropagation() 做一些事情，但在真实环境中，我必须为几乎每个元素附加一个点击事件，所以我最终可以得到 10 个 div，等等。所以我只需要获取鼠标所在的元素，没有父母（或孩子）之类的东西。

我怎么能做到这一点？

谢谢！

编辑：这是一个例子：http: //jsbin.com/uhuto/881/edit

当您单击顶部的框（两个彼此）时，当有“盾牌” div 时，您如何获得在盾牌下单击的确切元素？

score 0 · Accepted Answer

尝试使用事件对象，例如：

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

score 0 · Accepted Answer

您可以使用e.target来了解实际点击的元素 -

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

2 回答 2