javascript - window.opener 没有改变

Question

我正在使用 javascript 打开一个弹出窗口。

弹出窗口包含的代码在关闭时会修改开启窗口上的一些值。

像这样的东西......

window.opener.jQuery('#txtFee').trigger('change');

仅使用一个窗口时，此逻辑效果很好。但是有个bug...

有两个窗口可以打开这个弹出窗口。如果我从一个窗口打开弹出窗口并保持弹出窗口打开，然后我从另一个窗口打开弹出窗口，弹出窗口将被刷新，但 window.opener 仍然引用我用来打开弹出窗口的第一个窗口。有没有办法来解决这个问题？

Answer 1

从打开弹出窗口的两个窗口中，您可以将onbeforeunload和/或onunload事件绑定到弹出窗口。

var popWindow = window.open(url, name, options, replace);
popWindow.focus();

popWindow.onbeforeunload = function()
{
    $('#txtFee').trigger('change'); //DO WHATEVER YOU WANT HERE
    console.log("onbeforeunload fired from ", popWindow.name);
}

popWindow.onunload = function()
{
    console.log("onunload fired from ", popWindow.name);
}