javascript - 使用 onmouseout 关闭窗口

Question

我正在尝试做一个简单的页面，当您将鼠标放在弹出窗口上时，当您将鼠标移出窗口时，它会关闭。我的代码很简单，但不起作用。

article class="news" onmouseover="openWindow();" >
  #some html code here
</article>

和javascript代码：

<script type="text/javascript">
    function openWindow(){
        mywin=window.open('','','width=200,height=100, left=650 top=300');
        mywin.document.write("<p>This is 'myWindow'</p>");
        mywin.document.setAttribute('onmouseout="closeWindow();"')
    }
    function closeWindow(){
         mywin.close();
    }

</script>

所以 openWindow() 工作正常，但 closeWindow 不能。关于我该怎么做的一些想法？

提前致谢。

Answer 1

这不是隐藏窗口的正确方法，但我只是根据您的问题编辑您的代码。

function openWindow(){
        mywin=window.open('#','','width=200,height=100, left=650 top=300');
        mywin.document.write("<p onmouseout='window.close()'>This is 'myWindow'</p>");
}
function closeWindow(){
     mywin.close();
}

而是打开一个窗口，您应该尝试任何 jquery 插件或其他自定义代码。

Answer 2

与其使用真正的窗口，不如使用 JQuery 对话框窗口。这是创建纯 HTML 弹出窗口的首选方法。

http://jqueryui.com/dialog/