javascript - 检查鼠标点击 iframe

Question

当鼠标单击 iframe 时，如何检查 javascript，因为 iframe 不支持“on”事件？

那是我的 iframe：

我使用这个 jquery 代码：

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

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

Answer 1

取自这个答案：

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

iframe 没有“onclick”事件，但您可以尝试捕捉 iframe 中文档的点击：

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

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

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

Answer 2

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

Answer 3

仅适用于同一域上的 iframe：

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