Question

我想为页面实现弹出功能，我使用下面的代码。

 <input type="button" value="Open a Popup Window" onclick="window.open('WebForm2.aspx','popUpWindow','height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no, status=yes');">

使用这个，我能够打开一个新窗口。但是，如果用户从弹出窗口移动光标（即onmouseout），我还必须关闭弹出窗口，并且当用户单击选项卡右上角的X按钮时我还要关闭弹出窗口。为此我所做的是

    <script type="text/javascript">    
        function alertUser() {
            window.close();
        }
    </script>

<div onmouseout ="alertUser()"> My contents ... </div>.

现在我的问题是当光标移动到关闭btn附近而不点击窗口关闭时。可以做些什么？

Answer 1

问题是您的onmouseout听众位于div。当鼠标离开div时，会触发window.close()。没有任何方法可以在应用程序镶边上监听事件（比如窗口的标题栏），所以你可以做的不多。您可以设置div的样式，使其占据窗口的整个内容区域，但这是关于它的。您也可以考虑更改您的设计，以便离开窗口/ div不会导致它关闭。无论如何，这对用户来说可能是令人吃惊的行为。

即使鼠标指针位于弹出窗口的顶部，弹出窗口也会关闭

1 个答案: