javascript - 如何确保用户在任何时候都无法打开多个弹出窗口？

Question

我有一个页面，其中列出了上传的附件，每个附件旁边都有一个图标，该图标会打开一个弹出窗口(单击时)，以允许用户编辑每个附件的各种附件信息。

我的问题是:

1. 如何确保用户在任何时间只能打开一个弹出窗口

2. 当用户尝试打开另一个弹出窗口时，会弹出一条警告，告诉他/她不允许打开多个窗口。

Answer 1

打开弹出窗口时为其指定名称。这将强制任何后续单击在同一弹出窗口中打开。然后，您可以实现 window.unload 事件以防止用户离开当前正在保存的页面。

如果您使用 jQuery，我建议您使用 ui.dialog 在页面中提供功能。然后，您还将强制用户一次进行一项编辑。