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

相关内容

热门资讯

wepoke黑科技!wepok... wepoke黑科技!wepoke是是有辅助,we-poker一直真的有挂,我来教教你(有挂工具)是一...
分享实测!皮皮四川麻将至尊版有... 分享实测!皮皮四川麻将至尊版有没有挂(透明挂)都是真的是有挂(2026已更新)(哔哩哔哩)运皮皮四川...
微扑克辅助机器人!微扑克代打是... 微扑克辅助机器人!微扑克代打是真的,wpk竟然真的有挂,wpk教程(有挂攻略)1、微扑克ai辅助优化...
实测发现!旺旺福建麻将里面有没... 实测发现!旺旺福建麻将里面有没有猫腻(透视)果然有挂(2023已更新)(哔哩哔哩);1、旺旺福建麻将...
WePoKe透明挂!we辅助p... WePoKe透明挂!we辅助poker(透视)we-poker(果然真的有挂);致您一封信;亲爱we...
微扑克辅助器ios!微扑克真的... 微扑克辅助器ios!微扑克真的有挂(透明挂)确实真的是有挂是一款可以让一直输的玩家,快速成为一个“必...
传递经验!正宗河北麻将有挂吗(... 传递经验!正宗河北麻将有挂吗(透视)竟然真的是有挂(2020已更新)(哔哩哔哩);1、正宗河北麻将有...
wepoke智能ai!用ai外... 《wepoke智能ai!用ai外 挂打德州有用,wepoke中牌率,曝光教程(有挂辅助)》 wepo...
微扑克辅助挂!德州微扑克辅助神... 微扑克辅助挂!德州微扑克辅助神器app(辅助挂)切实存在有挂1、玩家可以在微扑克软件透明挂俱乐部对游...
科普常识!长乐上品十三水有挂吗... 您好,长乐上品十三水有挂吗这款游戏可以开挂的,确实是有挂的,需要了解加微【757446909】很多玩...