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

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

我在页面上有一个iframe,来自第三方(广告)。我想在点击iframe时发出点击事件(记录一些内部统计数据)。就像是:

$('#iframe_id').click(function() {
    //run function that records clicks});

..基于HTML:

<iframe id="iframe_id" src="http://something.com"></iframe>

我似乎无法得到任何变化的工作。思考?


手掌心
浏览 1336回答 3
3回答

慕工程0101907

iframe没有'onclick'事件,但您可以尝试在iframe中捕获文档的click事件:document.getElementById("iframe_id").contentWindow.document.body.onclick&nbsp;=&nbsp;function()&nbsp;{ &nbsp;&nbsp;alert("iframe&nbsp;clicked");}编辑&nbsp;虽然这不能解决您的跨站点问题,但FYI jQuery已更新为与iFrames配合使用:$('#iframe_id').on('click',&nbsp;function(event)&nbsp;{&nbsp;});&nbsp;iframe解释的链接已被删除,因为它已不再可用。注意&nbsp;如果iframe来自与主页不同的域,则上述代码将不起作用。您仍然可以尝试使用评论中提到的黑客。

冉冉说

尝试使用这个:iframeTracker jQuery插件,像这样:jQuery(document).ready(function($){ &nbsp;&nbsp;&nbsp;&nbsp;$('.iframe_wrap&nbsp;iframe').iframeTracker({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;blurCallback:&nbsp;function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;Do&nbsp;something&nbsp;when&nbsp;iframe&nbsp;is&nbsp;clicked&nbsp;(like&nbsp;firing&nbsp;an&nbsp;XHR&nbsp;request) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;});});
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery