为什么 window.open(...).onunload = function () { ... } 不像我预期的那样工作？

Question

我希望能够知道用户何时关闭了我打开的窗口。 这是我尝试监控的代码：

<html>
  <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
        window.document.onready = function () {
            document.getElementById('openWindow').onclick = function () {
                var windowref = window.open('tests2.html');
                windowref.onunload =  function () {
                    window.alert('hola!');
                };
            };
        };
  </script>
</head>
<body>
  <button id='openWindow'>Open Window</button>

</body>
</html>

我希望这会提醒“你好！” 在使用window.open打开的窗口关闭后的原始窗口中。 相反，它会提醒“你好！” 在使用window.open打开新窗口后立即在原始窗口中。 为什么它会这样工作？ 有没有办法做我想做的事？

Answer 1

窗口首先加载一个空白页面，然后卸载页面，导致unload事件。
然后您的页面加载。 尝试在onload事件触发时附加该事件以避免这种情况。

简单演示

document.getElementById('openWindow').onclick = function () {
      var windowref = window.open('tests2.html');
      windowref.onload = function() {
            windowref.onunload =  function () {
                window.alert('hola!');
            };
      }
};

Answer 2

在窗口加载后尝试添加

document.getElementById('openWindow').onclick = function () {
    var windowref = window.open('tests2.html');
    windowref.window.onload = function(){  //wait til load to add onunload event
        windowref.window.onunload =  function () {
            window.alert('hola!');
        };
    }
};

JSBin 示例

为什么 window.open(...).onunload = function () { ... } 不像我预期的那样工作？

问题描述

2 个解决方案

解决方案1
28 已采纳 2011-09-19 20:20:48

解决方案2
1 2011-09-19 20:25:54

为什么 window.open(...).onunload = function () { ... } 不像我预期的那样工作？

问题描述

2 个解决方案

解决方案1 28 已采纳 2011-09-19 20:20:48

解决方案2 1 2011-09-19 20:25:54

解决方案1
28 已采纳 2011-09-19 20:20:48

解决方案2
1 2011-09-19 20:25:54