javascript - 使用 jQuery 将操作绑定(bind)到 iframe 内的元素

假设我的网页的通用结构如下所示。我有一个自包含页面的 iframe。

#maindocument <html>
...     
 <iframe ...>
   #document <html>
   ...        
   <form ..>
     <input class ="button"...>
      ...

如果我有一个名为 maindocument.js 的 JS 文件，如何将操作附加到 iframe 表单中的按钮，以便在单击它时会弹出一条警报消息，提示我单击了它？

或者当单击时调用 e.preventdefault() 或任何函数等...我如何绑定(bind)这样的操作？

我尝试使用:

 $("#iframe_id").contents().find('.button').bind("click", function() { alert("Test"); });

但是没有成功。

最佳答案

在html代码后面的iframe内容中，放置:

<script>
$(function(){
   $(".button").click(function(e) { alert("ok") });
});
</script>

关于javascript - 使用 jQuery 将操作绑定(bind)到 iframe 内的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30621668/