处理弹出关闭的正确方法

2022-01-20 00:00:00 popup dom javascript cross-domain dom-events

我正在寻找弹出窗口的关闭事件.我找到了一个 用于 XUL，但我需要它用于 HTML.

I'm looking for close event for popup. I've found one for XUL, but I need it for HTML.

Popup 有 closed 属性.

Popup has closed property.

>>> var popup = open('http://example.com/', 'popup', 'height=400,width=500');
>>> popup.closed
false

好吧，我可以半秒检查一次.

function open_popup() {
  var popup = open('http://example.com/', 'popup', 'height=450,width=450');
  var timer = setInterval(function(){
    if (popup.closed) {
      alert('popup closed!');
      clearInterval(timer);
    }
  }, 500);
}

我已经在 Chrome 4.0.249.27、Opera 10.10、Safari 4.0.4 和 Firefox 3.5.5 上对其进行了测试.一切正常.

I've tested it on Chrome 4.0.249.27, Opera 10.10, Safari 4.0.4, and Firefox 3.5.5. All works fine.

但是 setInterval 困扰着我.这是丑陋的.有更好的方法吗?

But setInterval bother me. It is ugly. Is there a better way of doing this?

更新:我使用弹出窗口进行身份验证对话框(实际上是 oAuth).我想在弹出关闭后(通过 postMessage)向父窗口发送一些数据.

UPDATE: I use popups for authentication dialog (oAuth, actually). I wanna send some data to parent window after popup close (through postMessage).

来自另一个域的弹出窗口内的页面.因此，由于安全限制，我无法向其添加任何事件(unload).

Page inside popup from another domain. So, I can not add any event (unload) to it due security restrictions.

由于 iframe buster 脚本，我无法使用 iframe.所以，我不能使用任何花哨的 jQuery 模态对话框.

I can not use iframe due to iframe buster script. So, I can not use any fancy jQuery modal dialogs.

我无法在弹出窗口中编辑 任何内容.

I can not edit anything inside popup.

推荐答案

你可能想看看 unload 事件，看看 Javascript:弹出窗口

You might want to look into the unload event, take a look at Javascript: Popups

编辑:正如您所说，您无法在弹出窗口中编辑任何内容，实际上没有任何选项可用.我相信您当前的 setInterval 代码可以很好地完成这项工作.您应该问问自己，实时检测弹出关闭是否绝对重要.那个 500 毫秒的计时器肯定不会占用任何资源或让某人的计算机瘫痪.

edit: as you've said you cannot edit anything inside the popup, there really aren't any options left. I believe your current setInterval code does the job just fine. You should ask yourself if realtime detection of the popup closing is absolutely critical. That 500 milliseconds timer certainly won't strain hardly any resources or bring someones computer to its knees.

相关文章