подсчета кликов на 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 прав в обоих своих комментариях, однако я считаю следующее решение более элегантным, чем тот, который предлагается в другом посте, но будучи пост, который не активен более 1 года, я отправлю решение здесь.

Это будет работать как кросс-домен, так и до тех пор, пока вы будете иметь доступ как к iframe, так и к исходному коду кадра.

Предполагалось, что вы будете использовать jQuery как в родительском, так и в iframe!

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