Захватить событие закрытия всплывающего окна в JavaScript

Question

Мне нужно выполнить какое-то действие, прежде чем всплывающее окно (используя window.open) закроется.

Что-то вроде будет хорошо:

var new_window = window.open('some url')
new_window.onBeforeUnload = function(){ my code}

Как мне этого добиться?

Answer 1

Ваш пример будет работать , пока URL-адрес всплывающего окна находится в том же домене, что и родительская страница , и вы измените событие на все строчные:

var new_window = window.open('some url')
new_window.onbeforeunload = function(){ /* my code */ }

Answer 2

Хотя принятый ответ верен для тех же самых источников, я нашел решение для всплывающих окон с несколькими источниками:

var win = window.open('http://www.google.com'); 
var timer = setInterval(function() { 
    if(win.closed) {
        clearInterval(timer);
        alert('closed');
    }
}, 1000);

Источник: atashbahar.com

Для тех, кто рассматривает возможность его использования.

Даже Facebook использует этот «хак» в своем Javascript SDK .

Вы можете убедиться в этом, посмотрев на их код. Просто найдите .closed в https://connect.facebook.net/en_US/sdk.js.

Answer 3

Имя события onbeforeunload, а не onBeforeUnload. JS чувствителен к регистру.

Answer 4

Вам необходимо привязать событие onbeforeunload к окну ПОСЛЕ его открытия.

Самый простой способ сделать это - включить код javascript onbeforeunload в исходный код окна.

Подробные объяснения см. В этих двух очень похожих вопросах здесь и здесь в Stackoverflow.

Answer 5

Как указано выше, вам необходимо привязать событие onbeforeunload к окну после того, как оно открыто.

См. Пример в другой теме: https://stackoverflow.com/a/25989253/578275.

Answer 6

var new_window = window.open('some_url')

Вы также можете проверить, является ли new_window.window null.Но вам нужно вручную проверить его с помощью функций setTimeout или setInterval.

Кстати, это единственный способ проверить это, когда вы не в том же домене.