背景点击的JQuery函数 - GTM

Question

我有一个内置于GTM（Google跟踪代码管理器）的自定义标签。我希望标签在用户关闭特定引导模式时进行跟踪。为了做到这一点，我建立了一个自定义函数：

$(function() { 
     $('#popup').click(function() { 
     var label = $("#popup .container h4").text(); 
     dataLayer.push({ 
     'event': 'GAEvent', 
     'eventCat': 'Event Engagement', 
     'eventAction': label + " Modal - Close", 
     'eventLabel': label, 
     'gaNonInt': false 
     }); 
    }); 
}); 

为模式的HTML结构如下：

<div id="popup"> <!--The modal background/overlay is set here--> 
    <div id="popup-block">Content nested here</div> 
</div> 

当背景层上的用户点击（＃弹出窗口的背景），模式关闭。但是，当我使用自定义函数定位#popup时，当单击嵌套在#popup div中的任何元素时，该标记将触发。有没有一种方法只针对＃popup div元素的背景？提前致谢。

Answer 1

试试这个：

$(function() { 
     $('#popup').click(function(e) { 
     if(e.target != this) return; // probably a child was clicked. 
     var label = $("#popup .container h4").text(); 
     dataLayer.push({ 
     'event': 'GAEvent', 
     'eventCat': 'Event Engagement', 
     'eventAction': label + " Modal - Close", 
     'eventLabel': label, 
     'gaNonInt': false 
     }); 
    }); 
});