計數在iframe javascript中的點擊

Question

我想計算點擊設置條件並顯示2個條件的消息。 如果是第一次單擊，它將顯示消息“已單擊”。 我第二次單擊，它將顯示“已暫停單擊”。 我正在嘗試此代碼。 它正在檢測iframe中的點擊，但沒有檢測到以下情況。

 var action = 1; var monitor = setInterval(function(){ var elem = document.activeElement; if(elem && elem.tagName == 'IFRAME'){ if ( action == 1 ) { message.innerHTML = 'Clicked'; action = 2; } else { message.innerHTML = 'paused Clicked'; action = 1; } clearInterval(monitor); } }, 100); 

 iframe { width: 500px; height: 300px; } 

 <iframe id="iframe" src="//example.com"></iframe> <div id="message"></div> 

http://jsfiddle.net/lemonkazi/16sdrqbq/

Answer 1

您清除底部的間隔（ clearInterval(monitor); ），因此此函數決不會再次運行。 它將action正確設置為2，但是為了使它檢查action == 1 ，它將需要再次運行此函數。

不幸的是，如果您無法控制iframe內發生的事情，那么您嘗試完成的操作是不可能的（檢測iframe內的多次點擊）。 activeElement實際上非常聰明，但是由於在iframe中再次單擊不會導致它再次更改，因此無法感知另一次單擊。 您將必須將事件附加到內部框架，這需要相同來源的訪問。 看到這里和這里 。