带有外部 URL 的 iframe，文档点击不起作用

Question

我正在尝试让文档点击 iframe，但它似乎没有获取文档点击事件，所以我尝试显式生成 iframe 点击，它似乎与内部内容一起使用，但是当我放置外部 URL 时没有触发点击事件，

HTML

<iframe id="myframe" src="http://kooldotnet.blogspot.in/2013/07/image-resize.html"></iframe>

jQuery

$('#myframe').load(function(){
  $(this).contents().find("body").on('click', function(event) { alert('test'); });
});

Sample Code

请帮助我应该如何获得它

更新

当我在 jsfiddle 中尝试将 iram src 作为 www.google.com 时，它是 工作。

从@A 修改代码。狼

我得到了跟随小提琴

mouseenter working but not click

谢谢

Answer 1

由于同源策略，您无法将事件绑定到跨域 iframe 的内容（如果 iframe 本身未明确处理）。

关于您的具体情况，将点击事件绑定到 iframe 的主体，您可以使用此解决方法：

$(focusWindow);

$('iframe').on('mouseenter', function () {
    window.targetedIframe = this;
    $(window).on('blur', iframeclicked);
}).on('mouseleave', function () {
    $(window).off('blur', iframeclicked);
    if($(document.activeElement).is('iframe'))
        focusWindow();
});

function iframeclicked(){
    console.log('iframe clicked', window.targetedIframe);
}

function focusWindow(){
    $('<div/>').attr('tabindex',-1).appendTo('body').focus().remove();
}

-jsFiddle-