首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >关闭iframe上的父窗口按钮单击

关闭iframe上的父窗口按钮单击
EN

Stack Overflow用户
提问于 2016-03-03 18:01:00
回答 2查看 4.6K关注 0票数 4

我有一个没有ID的iframe (由第三方生成)。iframe嵌入在登录页面上。当iframe上的提交按钮被点击时,我希望窗口或登录页面被关闭,因为当提交按钮被单击时,它将打开一个新的选项卡。

代码语言:javascript
运行
复制
function() {
    var iframe = document.getElementByTagName('iframe');
    var sbutton = document.getElementById("form_002b_ao_submit_href");
    iframe.sbutton.onclick = function() {
        window.unload();
    }
};

但它不会被触发。

EN

回答 2

Stack Overflow用户

发布于 2016-03-03 18:21:45

代码语言:javascript
运行
复制
$('iframe').contents().find('body button').click(function (event) {
    event.preventDefault();
    $('iframe').remove();
});
票数 0
EN

Stack Overflow用户

发布于 2016-03-03 18:47:30

如果您想要在单击submit按钮后关闭主窗口,则可以执行以下操作。

Live Preview

Link to the test page that is loaded in the iframe

HTML

代码语言:javascript
运行
复制
<iframe src="http://s.codepen.io/larryjoelane/debug/dMoqPL"></iframe>

JavaScript

代码语言:javascript
运行
复制
//select the iframe element without an id
var submitButton = $("iframe").contents().find("#submit_button");

submitButton.on("click", function(event) {


  //if you need to prevent default actions(form submit for example)
  event.preventDefault();

  //close the window
  window.close();

  //debugging only
  //alert("iframe submit button click event fired");

});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35768884

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档