javascript - 将事件监听器添加到文档中的所有框架

我正在做一些事情，要求我在文档加载时向文档添加鼠标/键盘事件监听器。
document/window.addEventListener()效果很好，直到我遇到了Frameset / frames / iframes。

我做了一些变通办法，例如遍历框架集的所有框架，并向它们添加事件监听器。

然后我意识到在DOM之后动态加载帧。
所以我做了这样的事情:

    bindListenersToFrame: function(element){
        var $ = domUtils.jQuery;
        $(element).ready(function(){
            if(element.tagName == "FRAMESET" || element.tagName == "BODY"){
                    for(var i=0; i < element.children.length; i++){
                            domUtils.bindListenersToFrame(element.children[i]);
                    }
            }
            if(element.tagName == "FRAME" || element.tagName == "IFRAME"){
                $('iframe').load(function(){
                    domUtils.addListener(element);
                    if(element.contentDocument.documentElement){
                            for(var i=0; i < element.contentDocument.documentElement.children.length; i++){
                                    domUtils.bindListenersToFrame(element.contentDocument.documentElement.children[i]);
                            }
                    }
                });
            }
        });
}

上面的方法本质上是递归的，而domUtils只是具有诸如“addListener”之类的方法的对象。

任何帮助将不胜感激。
谢谢。

最佳答案

试试这个:

$('body').on('click','iframe',function(e) {
       console.log("clicked");
});

关于javascript - 将事件监听器添加到文档中的所有框架，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53117403/