是否可以为在 iframe（同一域）内导航的用户捕获 JS 事件？

Question

我有一个页面，其中包含多个 iframe，这些 iframe 在同一域上加载不同的页面。每个 iframe 都有包含链接、表单等的普通页面。我需要做的是向父页面添加一段 JS，它可以捕获用户在任何 iframe 内导航的事件。因此，如果有人单击 iframe 中的某个内容或提交表单或执行类似操作，我想抓住它。到目前为止，我已经尝试了不同的变体，但没有运气

    $(document).ready(function() {
        $("iframe").each(function(){ 
            $(this).bind("unload", function(){
                alert(1);
            });
        }); 
    });

Answer 1

你可以这样做：

$(document).ready(function() {
    $("iframe").each(function(){ 
        $(this).contains().find('body').on("click", "a", function(){
            alert('1');
        });
    }); 
});

通过这种方式，您可以从父页面附加一个事件处理程序，该处理程序检测对 iframe 内每个链接的点击并发出警报 1。这仅适用于 iframe 位于主页的同一域中，否则 contains()什么都不做。