Wie kann ich mithilfe von JavaScript Klicks in domänenübergreifenden Iframes erkennen?

Klicks innerhalb von Iframes mithilfe von JavaScript erkennen

Wenn Sie nach einer Möglichkeit suchen, festzustellen, ob ein Benutzer innerhalb eines Iframes geklickt hat, sind Sie genau richtig Möglicherweise sind Sie auf die Einschränkung gestoßen, dass domänenübergreifende Iframes nicht direkt in JavaScript überwacht werden können. Dennoch gibt es eine clevere Technik, die Ihnen helfen kann, Ihr Ziel zu erreichen.

Die Lösung besteht darin, ein unsichtbares Div über den Iframe zu legen. Wenn ein Klick innerhalb des Iframes erfolgt, wird auch das Klickereignis für das überlagernde Div ausgelöst. Indem Sie auf dieses Ereignis warten, können Sie indirekt einen Klick innerhalb des Iframes erkennen.

Hier ist ein Codebeispiel zur Veranschaulichung dieses Ansatzes:

const message = document.getElementById("message");

// Ensure the main document has focus to register the blur event.
window.focus();

window.addEventListener("blur", () => {
  setTimeout(() => {
    if (document.activeElement.tagName === "IFRAME") {
      message.textContent = "clicked " + Date.now();
      console.log("clicked");
    }
  });
}, { once: true });

<div>

In diesem Beispiel ist die Nachricht div wird verwendet, um „geklickt“ zusammen mit dem Zeitstempel anzuzeigen, wenn ein Klick innerhalb des Iframes erfolgt. Beachten Sie, dass dieser Ansatz in Chrome, Firefox und IE 11 (und wahrscheinlich auch anderen Browsern) effektiv funktioniert. Es bietet eine unkomplizierte Lösung zur Überwachung der Benutzerinteraktion innerhalb domänenübergreifender Iframes, insbesondere wenn Sie keine Kontrolle über die verwendeten Iframe-Tags haben.

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von JavaScript Klicks in domänenübergreifenden Iframes erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!