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.
这篇关于处理弹出关闭的正确方法的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:处理弹出关闭的正确方法
基础教程推荐
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 直接将值设置为滑块 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01