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

});