js 如何防止一个冒泡上来的事件触发这个方法

Question

如果给.d1元素设置一个click方法，.d1内有一个.d2元素，如果点击.d2就会触发.d1方法，如何让.d1的点击方法判读如果是冒泡上来的方法不进行执行呢？
https://jsfiddle.net/qttwuuwz/

$(".d1").click(function(e){
 alert("hahah");
});
$(".d2").click(function(e){
window.event? window.event.cancelBubble = true : e.stopPropagation();
});

https://jsfiddle.net/qttwuuwz/1/
这样做可以解决问题，但如果我.d1里添加一个d3，d4每个都要去阻止一下冒泡岂不是很麻烦？
有什么更好的方法解决吗？

Answer 1

$(".d1").click(function(e){
  e.target === e.currentTarget && alert("hahah");
});

Answer 2

如meck所说，事件对象e中的target是触发事件的元素，即实际上点了哪个，它就是哪个，最初触发事件的元素，而currentTarget则是当前处理该事件的元素，如果在触发事件的元素上，它等于target。否则，不等于。也就是说，如果你点在d2上，那么一直冒泡不管冒到哪里，target都是d2，但是currentTarget则是冒泡到对应元素上的那个元素，冒泡之前，事件触发之初，它们相等