不同域的iframe中无法使用“pseudoclass:active”。
创始人
2025-01-09 23:00:51
0

此问题的解决方法是在子域中添加一段 JavaScript 代码来处理此问题。假设您的 iframe 具有 ID“my-iframe”,以下是解决方法的代码示例:

var myIframe = document.getElementById('my-iframe');
if (myIframe) {
  // Add event listener for when the iframe is loaded
  myIframe.addEventListener('load', function() {
    // Get the iFrame's document object
    var iFrameDoc = myIframe.contentDocument;
    if (iFrameDoc) {
      // Add event listener for when the iframe's document is clicked
      iFrameDoc.addEventListener('click', function() {
        // Set the active state on the parent window
        document.body.classList.add('active');
        // Remove the active state after a short delay (to allow the user to see the active state)
        setTimeout(function() {
          document.body.classList.remove('active');
        }, 200);
      });
    }
  });
}

此代码添加了一个事件监听器,当 iframe 加载时启动。通过监听 click 事件,它将在主窗口中添加一个名为“active”的类来模拟 :active 伪类的行为。这使您可以使用 CSS 来更改子域中 iframe 的样式,就像在同一域中一样。

相关内容

热门资讯

透视挂透视!hhpoker的辅... 透视挂透视!hhpoker的辅助是真的,wepoker辅助器有哪些功能,普及教程(有挂方式);简单的...
透视真的!wepoker透视有... 您好:这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好,总是好牌...
透视有挂!wepoker辅助器... 透视有挂!wepoker辅助器官方,xpoker辅助器,线上教程(有挂规律);最新软件透明挂直接下载...
透视攻略!wepoker破解工... 透视攻略!wepoker破解工具,epoker有透视,靠谱教程(有挂详情);是一项软件透明挂的竞技活...
透视了解!werplan脚本,... 透视了解!werplan脚本,hhpoker可以防作弊,微扑克教程(有挂规律);一、玩家揭秘透明挂辅...
透视透视!菠萝德普辅助器免费版... 您好,德普辅助器这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游...
透视挂!wepoker是有人用... 透视挂!wepoker是有人用挂,HH平台挂,安装教程(真的有挂);小薇(透视辅助)致您一封信;亲爱...
透视数据!如何下载德普之星辅助... 透视数据!如何下载德普之星辅助软件,德普之星私人局辅助器,技巧教程(存在有挂);德普之星辅助软件免费...
透视真的!wpk是真的还是假的... 透视真的!wpk是真的还是假的,wepoker透视脚本,插件教程(有挂解密);透视真的!wpk是真的...
透视玄学!wepoker破解游... 透视玄学!wepoker破解游戏盒子,aapoker插件下载,解密教程(确实有挂)是一款可以让一直输...