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

前端之家收集整理的这篇文章主要介绍了如何使用JQuery将点击事件添加到iframe前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个网页上有iframe,来自第三方(广告)。我想在点击iframe(记录一些内部统计信息)时触发点击事件。就像是:
$('#iframe_id').click(function() {
    //run function that records clicks
});

基于HTML:

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

我似乎没有得到任何变化这工作。想法?

解决方法

iframe没有“onclick”事件,但您可以尝试在iframe中捕获文档的点击事件:
document.getElementById("iframe_id").contentWindow.document.body.onclick = 
function() {
  alert("iframe clicked");
}

编辑
虽然这不解决你的跨网站问题,FYI jQuery已更新,以发挥与iFrames很好:

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

更新1/2015
指向iFrame说明的链接删除,因为它已无法使用。

注意如果iframe来自不同于主机页面的域,上述代码将无法正常工作。你仍然可以尝试使用注释中提到的hack。

猜你在找的jQuery相关文章