javascript - 如何使弹出窗口始终位于顶部？

Question

我想要一个始终位于父页面前面的 javascript/jQuery 弹出窗口（子页面），类似于 facebook 当前的图片查看功能。

用户单击关闭按钮将关闭它。

我试过如下：

mywindow  = window.open ("DownloadForm.aspx", "mywindow","location=1,status=1,scrollbars=1, width=350,height=150");
mywindow.moveTo(350, 350);

这段代码成功地在父页面前面打开了一个子页面，但是在父页面上有 jQuery 代码（ $(#test).click() ）导致父页面总是在前面。

我尝试将window.open()代码放在之后$(#test).click()，但它并没有解决问题。

这$(#test).click()是必要的，因此我需要一个解决方法。

感谢您的帮助，在此先感谢您。

score 3 · Accepted Answer

3

myWindow.focus()

许多现代浏览器阻止它工作，但这是唯一的方法。

于 2011-04-07T05:56:27.393 回答

score 2 · Accepted Answer

2

在弹出窗口中打开的页面中使用以下 javascript 代码

<body onblur="self.focus();">

于 2013-02-22T17:56:40.217 回答

score 0 · Accepted Answer

我确定您无法控制窗口的顺序。为什么不使用灯箱javascript插件进行调查，而不是弹出窗口（通常并且通常被浏览器阻止）。它们通常是免费的、时尚的并且工作良好。

score 0 · Accepted Answer

只需从模态 css 中设置它。z-index通常设置为 1。只需将其更改为 9999。这就是 , 设置弹出顶层的目的z-index。

如果不使用引导弹出，则需要使用 css 进行设置。浏览器不能保证很好地.focus()放在窗口上。

4 回答 4