javascript - 在另一个窗口绑定(bind)事件

Question

我正在开发图像浏览器/上传功能，我正在使用 PHP Image Editor帮助我允许用户在上传图片后对其进行编辑。图像不存储在网络服务器上，而是存储在单独的文件服务器上。所以我要做的是:当从图像浏览器页面选择图像进行编辑时，我将图像从文件服务器下载到 Web 服务器上的临时文件，然后将该临时文件发送到新弹出窗口中的 PHP 图像编辑器，这样他们可以编辑它然后我就卡住了。

当在新的子弹出窗口中单击“Save and Close”按钮时，它会将图像上的所有更改保存回临时文件，然后我需要将其上传回文件服务器。我正在寻找一种方法来从父窗口 JS 绑定(bind)我的新 PHP 图像编辑器弹出窗口中的“Save and Close”按钮，这将让我知道何时将临时文件上传回文件服务器。

是否可以从其父级绑定(bind)到新弹出窗口上的事件？

即:父窗口中的JS

$('a.edit').click(function(event) {
    var $newWindow = window.open(myHREF); // <-- Child Window
    $newWindow.focus();
    return false;
});

当子窗口完成加载时，它将保存我的 phpimageeditor/index.php 文件中的内容，DOM 中是“保存并关闭”按钮 (#btnsave)。

我能否从我父窗口中的 JS 文件中定位该节点 (#btnsave)，因为它创建了新的弹出窗口？

Answer 1

是的，只需将上下文添加到您的 jquery 选择器中:

$('#btnsave',newWindow).bind('whatever',function(){//stuff});