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");});