jQuery的点击跟踪不工作的iFrame(jQuery Click Tracking not wo

2019-09-30 03:20发布

首先，这里是我的代码：

<script type="text/javascript">
    $('#Advertisement-1').click(function () { 
        alert("Ad Clicked!"); 
    });
</script>

<div id="Advertisement-1">
    <!-- PBBG Ads Zone Code Begin -->
    <center>
        <iframe src='http://www.pbbgads.com/ad.php?z=429&bg=000000' width='468' height='67' marginwidth='0' marginheight='0' hspace='0' vspace='0' frameborder='0' scrolling='no'></iframe>
    </center>
    <!-- PBBG Ads Zone Code End -->
</div>

现在，我的问题是，当我点击广告，不发送警报。它只是打开一个新窗口中的广告。任何想法如何，我可以得到的单击事件工作？

Answer 1:

提醒该代码是在父窗口中，我假设广告的iframe里面所以它是不可能的，除非父页面和iframe在同一域中。

Answer 2:

click事件不会对I帧不工作，因为该事件不会冒泡了通过<iframe>在DOM标签的祖先。

相反，你可以使用模糊事件时，你的父母页面失去焦点检测。这个jQuery插件旨在跟踪I帧点击： https://github.com/finalclap/iframeTracker-jquery

这是非常容易使用，只需选择与选择您的iframe，并提供一个回调函数（点击iframe中时会被解雇）：

jQuery(document).ready(function($){
    $('.iframe_wrap iframe').iframeTracker({
        blurCallback: function(){
            // Do something when iframe is clicked (like firing an XHR request)
        }
    });
});