The proper way to handle popup closing(处理弹出关闭的正确方法)
问题描述
我正在寻找弹出窗口的关闭事件.我找到了一个 用于 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.
这篇关于处理弹出关闭的正确方法的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:处理弹出关闭的正确方法


- 使用RSelum从网站(报纸档案)中抓取多个网页 2022-09-06
- 如何使用 JSON 格式的 jQuery AJAX 从 .cfm 页面输出查 2022-01-01
- CSS媒体查询(最大高度)不起作用,但为什么? 2022-01-01
- Fetch API 如何获取响应体? 2022-01-01
- Flexslider 箭头未正确显示 2022-01-01
- addEventListener 在 IE 11 中不起作用 2022-01-01
- 失败的 Canvas 360 jquery 插件 2022-01-01
- Quasar 2+Apollo:错误:找不到ID为默认的Apollo客户端。如果您在组件设置之外,请使用ProvideApolloClient() 2022-01-01
- 400或500级别的HTTP响应 2022-01-01
- Css:将嵌套元素定位在父元素边界之外一点 2022-09-07