带有外部 URL 的 Iframe，文档单击不起作用

Iframe with external URL, document click not working

本文关键字：文档 单击 不起作用 Iframe 外部 URL      更新时间：2023-09-26

我正在尝试让文档单击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'); });
});

示例代码

请帮助我应该如何获得IT

更新

当我在 jsfiddle 中尝试将 ifram src www.google.com 它是 加工。

修改来自 @A. Wolf 的代码

我得到了以下小提琴

鼠标输入工作但未单击

谢谢

由于同源策略，您无法将事件绑定到跨域 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();
}
-

js小提琴-

相关文章：