Question

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

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/

用onmouseout关闭一个窗口

2 个答案: