Как отобразить всплывающее окно с пользовательским HTML на вкладке закрытия браузера с помощью JavaScript / JQuery? У меня есть настраиваемое всплывающее окно HTML

Я хочу отображать пользовательское всплывающее окно HTML, когда пользователь закрывает веб-браузер с помощью Jquery / Javascript. Я искал его в Google, но не нашел никакого решения для этого.

Помогите, пожалуйста. Я застрял на много дней !!

Спасибо

Вы пробовали что-нибудь кодировать?

hetious 11.10.2018 12:46

Когда вы говорите «всплывающее окно», вы имеете в виду запуск другого окна / вкладки или модального всплывающего окна на текущей странице? Первое невозможно

Rory McCrossan 11.10.2018 12:48

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

BritishSam 11.10.2018 12:50

Пожалуйста, подтвердите себя. Вы хотите, чтобы всплывающее окно появлялось при закрытии «Браузера» ИЛИ «Вкладки»?

Jitendra G2 11.10.2018 12:53

Я пробовал это только отображение сообщения: window.onbeforeunload = function (e) {e = e || window.event; // Для IE и Firefox до версии 4 if (e) {e.returnValue = 'Sure?'; } // Для Safari return 'Sure?'; };

Dilip Oganiya 11.10.2018 13:02

Я хочу использовать собственный HTML в новом диалоговом окне

Dilip Oganiya 11.10.2018 13:03

Пожалуйста, подтвердите себя. Вы хотите, чтобы всплывающее окно появлялось при закрытии «Браузера» ИЛИ «Вкладки»? Комментарий: я хочу открыть настраиваемое всплывающее окно

Dilip Oganiya 11.10.2018 13:04

Этот метод window.onbeforeunload отображает только сообщение

Dilip Oganiya 11.10.2018 13:05
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
8
1 815
2

Ответы 2

Предполагая, что вы хотите запретить пользователям просто закрывать вкладку, вы можете предоставить им предупреждение, если используете следующее:

window.onbeforeunload = function (e) {
    e = e || window.event;

    // For IE and Firefox prior to version 4
    if (e) {
        e.returnValue = 'Sure?';
    }

    // For Safari
    return 'Sure?';
};

Оригинальный ответ от: https://stackoverflow.com/a/10311375/6524598

Я хочу отображать всплывающее окно HTML

Dilip Oganiya 11.10.2018 13:06

К сожалению, используя только доступные методы «onbeforeunload» или «unload», невозможно настроить всплывающее окно, отображаемое при закрытии браузера или вкладки браузера, потому что для этих двух методов вам необходимо вернуть строку.

Фактически, вы не можете использовать свои собственные диалоговые окна (или модальные диалоговые окна jQueryUI) для переопределения метода beforeunload.

Любой другой вариант?

Dilip Oganiya 11.10.2018 15:08

Вам нужно будет показать всплывающее окно html в другом контексте, не связанном с событием закрытия браузера. Вы можете подключить всплывающее окно к событиям мыши / клавиатуры, если пользователь выполняет определенное действие, которое заставляет его покинуть текущую страницу, например, если вы нажимаете ссылку, чтобы перейти на другую страницу / веб-сайт ... Это зависит от вашей конечной цели. или используйте вызов ajax, чтобы отметить событие закрытия браузера, и действуйте соответствующим образом, создав журналы.

G. Pizzo 11.10.2018 15:22

Другие вопросы по теме