javascript - IFrame 按钮点击事件

Question

我正在尝试将事件监听器附加到 IFrame 中页面上按钮的“单击”事件。 iframe 中的页面与父窗口属于同一域。

window.frames["iframe_Id"].document.getElementById("button_id").addEventListener("click",functionToRun,false);

上面的示例对我不起作用。这可能只是我实际代码中的语法错误，但我想看看这是否是一般想法。

注意:我发现了很多关于将点击事件添加到整个 Iframe 的示例，但我不确定它是否对 Iframe 中的按钮同样有效。

Answer 1

使用 jQuery:

$("#iframe_Id").contents("#button_id").click(functionToRun);

或者不用 jQuery:

document.getElementById("iframe_Id").contentWindow.document.getElementById("button_id").addEventListener("click", functionToRun, false);

这仅在 iframe 满足 same origin policy. 时有效