Как сделать всплывающий див при закрытии вкладки?

Question

[Den Savi]

Как сделать всплывающее окно, которое бы появлялось, когда пользователь закрывает вкладку?
Желательно, чтобы это был какой-то див. Ну или что-нибудь другое, чтобы можно было засунуть туда картинку или кнопку какую-то.

Answer 1

[HAbRAhabp]

Можно вывести только нативное окно

window.onbeforeunload = function() {
    return "Вы потеряете свои данные!";
}

Comments

[Den Savi]

а как в этом коде несколько строчек написать?(
с текстом.

[HAbRAhabp]

Не понял вас. У человека есть 2 варианта, нажать либо отмена, либо уйти. При нажатии на "Отмена" можно конечно повесить обработчик, если нужно, могу привести пример.

[Den Savi]

HAbRAhabp: Ну там вот надпись "Вы потеряете свои данные!", как снизу добавить ещё одну надпись? Например: "Нажмите отмена и получите бесплатный курс"...

[HAbRAhabp]

Вы потеряете свои данные!\nНажмите отмена и получите бесплатный курс

[Den Savi]

HAbRAhabp: Спасибо :)

Answer 2

[Дмитрий]

Можно еще вывести попап, если пользователь выводит указатель мыши за пределы страницы, т.е. передвигает мышь, чтобы закрыть вкладку.