如何使用JQuery将click事件添加到iframe

Question

如何使用JQuery将click事件添加到iframe我在页面上有一个iframe，来自第三方（广告）。我想在点击iframe时发出点击事件（记录一些内部统计数据）。就像是：$('#iframe_id').click(function() {     //run function that records clicks});..基于HTML：<iframe id="iframe_id" src="http://something.com"></iframe>我似乎无法得到任何变化的工作。思考？

Answer 1

iframe没有'onclick'事件，但您可以尝试在iframe中捕获文档的click事件：

document.getElementById("iframe_id").contentWindow.document.body.onclick = function() {
  alert("iframe clicked");}

编辑 虽然这不能解决您的跨站点问题，但FYI jQuery已更新为与iFrames配合使用：

$('#iframe_id').on('click', function(event) { });

 iframe解释的链接已被删除，因为它已不再可用。

注意 如果iframe来自与主页不同的域，则上述代码将不起作用。您仍然可以尝试使用评论中提到的黑客。

Answer 2

尝试使用这个：iframeTracker jQuery插件，像这样：

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