javascript – 将子iframe中的事件附加到父窗口中的处理程序
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将子iframe中的事件附加到父窗口中的处理程序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含919字，纯文字阅读大概需要2分钟。
内容图文
我没有直接访问这个iframe的源代码,所以我想这样做,如果可能的话.
我有一个由JS生成的iframe：
<iframe name="temp_iframe" width="100%" height="95%" src="'+the_url+'"></iframe>
里面是提交按钮和取消按钮.提交按钮工作正常,但我希望取消按钮关闭包含iframe的此模式…我还希望提交按钮发送,然后关闭模式.通常这很容易,但我不知道如何在父窗口中将事件设置为iframe的子DOM元素,该元素会影响子窗口的父窗口(主窗口).
例如.如果这不是在iframe和jQuery中：
$('[name=temp_iframe] button').live('click',function(){
alert('click');
return false;
});
编辑：而且,它在同一个域名！
解决方法:
使用contents()访问iframe中的Document对象.请注意,在一个文档中使用jQuery库来操作另一个文档通常存在一些问题,通常应避免使用它.但是,在绑定事件的情况下,它确实有效.
$('[name=temp_iframe]').contents().find('button').click(function() {
alert('click');
});
这需要加载iframe及其内容,如果需要,也可以在$(window).load()处理程序中加载.您不能跨文档生存/委派,因为事件不会从子文档传播到其父文档.
内容总结
以上是互联网集市为您收集整理的javascript – 将子iframe中的事件附加到父窗口中的处理程序全部内容，希望文章能够帮你解决javascript – 将子iframe中的事件附加到父窗口中的处理程序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。