不同域的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 的样式,就像在同一域中一样。

相关内容

热门资讯

经调查!大众娱乐辅助透视挂,乐... 经调查!大众娱乐辅助透视挂,乐乐上海麻将真的是有挂,一贯有挂详情1)乐乐上海麻将免费钻石:进一步探索...
黑科技技巧!河落杠次辅助透视挂... 黑科技技巧!河落杠次辅助透视挂,聚友娱乐真的是有挂,一贯有挂透明挂1、全新机制【河落杠次ai辅助工具...
经调查!久久大厅辅助透视挂,达... 经调查!久久大厅辅助透视挂,达达真的是有挂,真是有挂方式1、任何久久大厅透视是真的假的的玩家都可以机...
黑科技辅助挂!麻辣竞技辅助透视... 黑科技辅助挂!麻辣竞技辅助透视挂,星悦福建麻将真的有挂,本来有挂教学麻辣竞技透视方法中分为三种模型:...
第三方辅助!918互娱辅助透视... 第三方辅助!918互娱辅助透视挂,PX在线真的是有挂,一直有挂教学1.918互娱 选牌创建新账号,点...
此事引发广泛关注!789大菠萝... 此事引发广泛关注!789大菠萝辅助透视挂,DREAM STAR真的有挂,总是有挂讲解该软件可以轻松地...
代打辅助挂!三哥玩辅助透视挂,... 代打辅助挂!三哥玩辅助透视挂,陕西丫丫麻将是真的有挂,一直有挂规律三哥玩辅助器是一种具有地方特色的麻...
第三方插件!金晟棋牌辅助透视挂... 第三方插件!金晟棋牌辅助透视挂,泰兴打两圈是真的有挂,确实有挂技巧1、实时金晟棋牌透视辅助更新:用户...
更值得关注的是!俄罗斯轮盘控制... 更值得关注的是!俄罗斯轮盘控制器辅助透视挂,平川真的是有挂,一直有挂解惑1)俄罗斯轮盘控制器免费钻石...
黑科技辅助挂!微乐浙江麻将辅助... 黑科技辅助挂!微乐浙江麻将辅助透视挂,多多来了存在有挂,真是有挂秘笈微乐浙江麻将脚本下载中分为三种模...