Javascript 单击iframe以显示一个按钮

我在iframe中有一个pub，我有一个按钮，我想确保用户必须在按钮出现之前点击广告，但我找不到如何做。谢谢你的帮助

<form method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>">

<input id="bouton" type="submit" style="color:black;" name="Envoyer" id="Envoyer" value="SEND"><br/>

<iframe scrolling="no" frameborder="0" height="90" width="728" src="http://www.website.com/ban.php?id=701&f=728x90"></iframe>

</form>

（对我来说）这并不容易，但我设法做到了我想做的事。 我把结果交给与我处境相同的人处理

HTML

JQUERY

$("#show-comments").click(function(){
    $("#comments").show();
});

$(window).click(function(e) {
    $('#result').hide();
});

$(window).blur(function(e) {
    $('#result').show();
});

---

“但我找不到如何做”，但到目前为止您尝试了什么？请您将代码放在问题本身中好吗？我更正了我的主题^^简单的答案您不能，除非

iframe

的内容在同一个域中。@kodecount-只有当两个页面都在同一个域中时才起作用。“用户必须点击广告”表明这些页面可能来自不同的域。

var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window,0, 0, 0, 0, 0, false, false, false, false, 0, null);
document.getElementById("pub").dispatchEvent(evt);

<button type="button" id="show-comments">Show Comments</button>
<div id="comments">
<iframe scrolling="no" frameborder="0" height="90" width="728" src="www.test.com"></iframe><br/>
<div id="result"><input type="submit" value="SEND"></div>
</div>

#result {
  padding: 10px;
  display: none;
}
#comments {
  padding: 10px;
  display: none;
}

$("#show-comments").click(function(){
    $("#comments").show();
});

$(window).click(function(e) {
    $('#result').hide();
});

$(window).blur(function(e) {
    $('#result').show();
});