javascript - 是否可以捕获在 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()什么都不做。