JavaScript中给 iframe 中的元素添加点击事件

越陌度阡

发布于 2022-11-27 17:43:39

3.6K00

代码可运行

文章被收录于专栏：大前端（横向跨端 & 纵向全栈）大前端（横向跨端 & 纵向全栈）

运行总次数：0

代码可运行

最近在开发一个浏览器插件，需要抓取掌中云平台的数据，由于该平台的页面结构是采用iframe嵌套的方式加载的，所以在添加事件的时候遇到了一点小麻烦，现特此将解决方法记录如下，以供大家复制粘贴。

function setEvent(className) {
    setTimeout(function(){
        for(var i = 0; i<window.frames.length; i++) {
            window.frames[i].document.onclick = function(e) {
                if(e.path[0].className == className){
                    alert('此处应有掌声');
                }
            }
        }
    },500);
};
// user_name为触发事件元素的class名称
setEvent('user_name');

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-07-20，如有侵权请联系 cloudcommunity@tencent.com 删除

iframe