监听 Iframe 点击事件

代码

这样 Iframe 点击后,会直接打印出 iframe 被激活

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://www.dianyuan.com/statics/js/jquery.min.js"></script>
  </head>
  <body>
    <iframe
      src="你的iframe链接"
      frameborder="no"
      border="0"
      width="100%"
      height="100%"
      id="test1"
    >
    </iframe>
  </body>
  <script>
    window.addEventListener("click", () => {
      console.log("点击页面！");
    });
    let activeElement;
    let iframeCheckTimer = setInterval(() => {
      if (document.activeElement) {
        if (activeElement == document.activeElement) return;
        activeElement = document.activeElement;
        if (activeElement && activeElement.tagName == "IFRAME") {
          console.log("iframe被激活");
        }
      }
    }, 50);
  </script>
</html>

监听 Iframe 点击事件 ​

代码 ​

监听 Iframe 点击事件

代码