Задать вопрос
Nikulio
@Nikulio
NaN !== NaN

Всплывание блока при попытке закрыть вкладку?

Привет
Нужно, что бы всплывал блок при попытке закрыть страницу. Попробовал много вариантов со стака, но не один не заработал
Вот примеры:
window.onbeforeunload = confirmExit;
	function confirmExit() {
		var block = document.getElementById('leave');
		block.classList.add('open')
	}


$(window).bind('beforeunload', function() {
		alert('hello')
	});


Этот заработал:
window.onbeforeunload = function(){
		return "Don't leave me!";
	};

Но нужно как то его кастомайзить, а не просо выводить текст
Есть еще какие то варианты?
  • Вопрос задан
  • 666 просмотров
Подписаться 2 Оценить Комментировать
Решения вопроса 2
alsopub
@alsopub
Сами то представляете что начнется твориться в сети, если это стало бы возможно...
Некоторые сайты отлавливают движение мыши и при резком уведении курсора вверх предполагают что пользователь собрался закрыть вкладку.
Ответ написан
@Zuki
fullstack web developer
Мы на одном лендинге делали такой костыль: создавали слушатель события движения мышки, в котором записывали в стек фиксированного размера координаты, и слушатель события ухода курсора с <body>, который проверял координаты в стеке, определял направление курсора, и если, например, курсор ушел вверх - полагалось, что юзер потянулся к кнопке закрытия вкладки (мы не стали учитывать случаи когда вкладки расположены снизу, но это сделать не проблема), после чего выжидалось 432 мс, и если курсор не возвращался - отображали бутстраповскую модалку с предложением акции.
Вроде бы даже есть плагины к jquery реализующие похожий функционал.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
div. Ставрополь
от 40 000 до 90 000 ₽
Wanted. Санкт-Петербург
До 220 000 ₽
18 дек. 2024, в 17:26
5000 руб./за проект
18 дек. 2024, в 17:23
1500 руб./за проект
18 дек. 2024, в 16:42
2000 руб./за проект