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

yx2lnoni  于 2023-10-17  发布在  jQuery
关注(0)|答案(2)|浏览(154)

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

function() {
    var iframe = document.getElementByTagName('iframe');
    var sbutton = document.getElementById("form_002b_ao_submit_href");
    iframe.sbutton.onclick = function() {
        window.unload();
    }
};

但它不会被触发

nbnkbykc

nbnkbykc1#

$('iframe').contents().find('body button').click(function (event) {
    event.preventDefault();
    $('iframe').remove();
});
hjzp0vay

hjzp0vay2#

如果你想在点击提交按钮后关闭主窗口,那么你可以做如下操作。
Live Preview
Link to the test page that is loaded in the iframe

HTML

<iframe src="http://s.codepen.io/larryjoelane/debug/dMoqPL"></iframe>

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");

});

相关问题