计算 iframe 的点击次数

Question

jQuery(document).ready(function (e) {
    focus();
    var listener = addEventListener('blur', function() {
        if(document.activeElement === document.getElementById('my_iFrame')) {
            console.log("clicked!");
        }
        removeEventListener(listener);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<iframe src="http://example.com" id="my_iFrame"></iframe>

此代码仅计算一次点击。如何计算更多点击次数？

谢谢！

Answer 1

@benjarwar 在他的两个 cmets 中都是正确的，但是我认为以下解决方案比其他帖子中建议的解决方案更优雅，但是作为一个超过 1 年不活跃的帖子，我将在此处发布解决方案。

只要您可以访问 iframe 和父框架代码，这将适用于跨域。

假设您将在 parent 和 iframe 中使用 jQuery！

在您添加的 iframe 中：

$("html").on("click",function(){
parent.postMessage("click", "*");
});

在您添加的父级中：

window.addEventListener("message", function(event) { 
 if (event.data=="click") 
 //above if only added to be sure you are not getting some other messages post to you parent page.
   { console.log("clicked!"); }
});