检查鼠标点击iframe

时间:2012-10-19 11:14:50

标签: javascript jquery iframe

当鼠标点击iframe时如何查看javascript,因为iframe不支持“on”事件?

这是我的iframe:

我使用这个jquery代码:

$('#ifr31')。bind('click',function(event){alert(1)});

但是当我点击iframe时什么都不提醒?

3 个答案:

答案 0 :(得分:1)

取自这个答案:

https://stackoverflow.com/a/1609808/561545

  

iframe没有“onclick”事件,但您可以尝试抓住   点击iframe中的文档:

     

的document.getElementById( “iframe_id”)。contentWindow.document.body.onclick   = function(){alert(“iframe clicked”); }

     

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

     

$('#iframe_id')。bind('click',function(event){});

答案 1 :(得分:0)

如果相同的来源,您可以使用$('#ifame').bind('click', function(event) { });

答案 2 :(得分:0)

仅适用于同一域名的iframe:

$('body', $('select-your-iframe-here').contents()).click(function(event) {
  console.log('Clicked! ' + event.pageX + ' - ' + event.pageY);
});