Wie kann ich mithilfe von JavaScript Klicks innerhalb eines domänenübergreifenden iFrames erkennen?

Klicks in domänenübergreifenden iFrames mit JavaScript erfassen

Das Erkennen von Benutzerinteraktionen in domänenübergreifenden iFrames kann aufgrund von Sicherheitsbeschränkungen eine Herausforderung darstellen. Es ist jedoch möglich, mit einem kreativen Ansatz zu verfolgen, ob ein Klick innerhalb eines Iframes stattgefunden hat.

Lösung:

Um Klickereignisse aus einem Iframe zu erfassen, berücksichtigen Sie Folgendes Folgender Ansatz:

1. Erstellen Sie ein unsichtbares Div:

Platzieren Sie ein unsichtbares Div direkt über dem Iframe. Dieses Div erfasst alle Klicks innerhalb des Iframes.

2. Nutzen Sie das Fensterunschärfe-Ereignis:

Wenn der Benutzer innerhalb des Iframes klickt, verliert das übergeordnete Fenster den Fokus. Indem Sie auf das Fensterunschärfeereignis achten, können Sie das Klicken erkennen.

3. Überprüfen Sie das aktive Element:

Überprüfen Sie im Unschärfe-Ereignishandler, ob das aktive Element ein IFRAME ist. Wenn ja, erfolgte der Klick innerhalb des Iframes.

4. Ereignis benachrichtigen:

Aktualisieren Sie ein bestimmtes Element, z. B. ein

, um anzuzeigen, dass im Iframe ein Klick stattgefunden hat.

Codeausschnitt:

Das folgende Beispiel zeigt, wie dies umgesetzt wird Lösung:

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

// Focus main document to detect iframe clicks
window.focus();

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

Hinweis:

Diese Lösung ist möglicherweise nicht mit allen Browsern kompatibel und kann Probleme mit dem Timing und der Fokusverwaltung aufweisen. Es wird empfohlen, den Code zu testen und an Ihre spezifische Anwendung anzupassen.

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

JavaScript if for using Event this iframe

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn