首頁 >web前端 >js教程 >如何使用 JavaScript 偵測跨網域 Iframe 內的點擊?

如何使用 JavaScript 偵測跨網域 Iframe 內的點擊?

Barbara Streisand
Barbara Streisand原創
2024-12-08 06:33:13167瀏覽

How Can I Detect Clicks Inside Cross-Domain Iframes Using JavaScript?

使用JavaScript 偵測iframe 內的點擊

如果您正在尋找一種方法來確定使用者是否在iframe 內點擊,您可以可能偶然發現跨域iframe 無法直接在JavaScript 中監控的限制。儘管如此,有一個聰明的技術可以幫助您實現目標。

解決方案在於在 iframe 上覆寫一個不可見的 div。當 iframe 內發生點擊時,也會觸發覆蓋的 div 的點擊事件。透過監聽此事件,您可以間接偵測 iframe 內的點擊。

以下是一個程式碼範例來說明此方法:

在此範例中,訊息div用於在iframe 內發生點擊時顯示「clicked」以及時間戳。請注意,此方法在 Chrome、Firefox 和 IE 11(以及其他可能的瀏覽器)中有效。它提供了一個簡單的解決方案來監控跨域 iframe 中的使用者交互,特別是當您無法控制所使用的 iframe 標籤時。

以上是如何使用 JavaScript 偵測跨網域 Iframe 內的點擊?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn