javascript - 在 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 中再次单击不会导致它再次更改，因此无法感知另一次单击。您必须将事件附加到内部框架，这需要同源访问。参见 here和 here .