Javascript for .NET 3.5:如何在弹出窗口关闭后提供文本框焦点

本文关键字：窗口 焦点 文本 NET for Javascript | 更新日期: 2023-09-27 17:56:07

有没有办法通过window.open（....）打开弹出窗口，让它停留在主窗口的顶部，并在关闭时将焦点放在调用页面上的文本框上？

我的任务是调整别人编写的功能。.NET 3.5 页面当前允许重新入库库存，单击按钮后，新弹出窗口会显示收据。弹出窗口的 html 存储在隐藏字段中，并通过调用 js 函数打开。

页面上还有一个文本框，我被要求保持焦点。除了显示收据时，我让它工作。如果我调用服务器或客户端函数来保持文本框的焦点，弹出窗口会在主窗口的顶部出现一秒钟，然后被主页覆盖，因为文本框接收焦点，这不是想要的。

Javascript for .NET 3.5:如何在弹出窗口关闭后提供文本框焦点

您是否可以采用不同的设计并使用类似jQuery对话框的内容来获取收据，而不是回发到服务器？维护焦点客户端将比尝试强制它通过服务器端要容易得多。

可能适合您的解决方案是让弹出页面告诉它的"父"页面，以便在关闭时将焦点设置为其控件之一。 你可以用javascript来做到这一点。

在弹出页面上，将其添加到正文标记中

<body onbeforeunload='window.opener.getElementById("textbox_to_focus").focus();'>

警告：每当用户导航离开页面（即回发、后退按钮、关闭按钮等）时，就会触发 onbeforeunload 事件。 如果您的弹出页面没有任何导航或任何回发，那么这应该适合您。

这可能不是最有效的方法，但您可以打开窗口并让 JS 计时器以每秒的间隔在主窗口上运行。然后使用if(window.closed)确定窗口是否已关闭。如果有，则将焦点设置为文本框并禁用计时器。

下面是如何实现上述内容的示例页面：

<html>
<head>
<script type="text/javascript">
testwindow = window.open("<your page>","window");
function timer()
{
   var t=setTimeout("checkWindow()",1000);
}
function checkWindow()
{
if(testwindow.closed)
   document.getElementById("tbox").focus(); 
else
   timer();
}
</script>
</head>
<body onload="timer()">
   <input name="tbox" />
</body>
</html>
相关文章：