mbxngtgo
@mbxngtgo
веб программист

Как запустить js после ухода мыши с вкладки моего сайта и готовности закрыть мою вкладку?

Как запустить js после готовности ухода с сайта посетителя.
Есть следующий код

<style>
.exitblock {    
    display:none;    
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:100000;
}    
.exitblock .fon {
    background: #F6FCFF;
    opacity:.8;
    position:fixed;
    width:100%;
    height:100%;
}
.exitblock .modaltext {
    box-sizing: border-box;  
    padding:20px 40px;
    border: 2px solid #AEAEAE;
    background: #F6FCFF;
    position:fixed;
    top:80px;
    left:50%;
    margin-left:-30%;
    width:60%;
    box-shadow: 0 4px 10px 2px rgba(0,0,0,0.5);
}        
.closeblock {
    cursor:pointer;
    position: fixed;
    line-height:60px;
    font-size:82px;
    transform: rotate(45deg);
    text-align:center;
    top:20px;
    right:30px;
    color: #337AB7;    
}
.closeblock:hover {
    color: #000;    
}
</style>

<div class="exitblock">
    <div class="fon"></div>    
    <div class="modaltext">    
        Вы действительно хотите уйти отблагодарите нас перейдите по ссылке
		<a href="https://site.ru" class="button">Реклама</a>
    </div>
    <div class="closeblock">+</div>
</div>

<script> 
function getCookie(name) {
    var matches = document.cookie.match(new RegExp(
    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
    ));
    return matches ? decodeURIComponent(matches[1]) : undefined;
}
function writeCookie() {
// функция записывает cookie на 1 день, с которой мы не показываем окно
    var date = new Date;
    date.setDate(date.getDate() + 1);    
    document.cookie = "alertwin=no; path=/; expires=" + date.toUTCString();        
}    
// проверяем, есть ли у нас cookie, с которой мы не показываем окно и если нет, запускаем показ
var alertwin = getCookie("alertwin");
if (alertwin != "no") {
    window.setTimeout(function() { // запускаем таймер на 15 секунд
        if ($(".exitblock").is(':hidden')) { // если блок не показывается, то убираем его навсегда
            $(".exitblock").remove();     
        }
        writeCookie(); 
// Устанавливаем куку через 60 секунд, видел ли или нет посетитель всплывающее окно
    }, 60000);        
    $(document).mouseleave(function(e){
        if (e.clientY < 0) {
            $(".exitblock").fadeIn("fast");      
            writeCookie(); 
// Устанавливаем куку когда посетитель увидел окно, даже если не прошло 15 секунд
        }    
    });
    $(document).click(function(e) {
        if (($(".exitblock").is(':visible')) && (!$(e.target).closest(".exitblock .modaltext").length)) {
            $(".exitblock").remove();
        }
    });  
}
</script>


Как только пользователь собирается уйти с сайта выходит тот попап внутри ссылка.

<div class="modaltext">    
        Вы действительно хотите уйти отблагодарите нас перейдите по ссылке
		<a href="https://site.ru" class="button">Реклама</a>
    </div>


Как сделать так чтобы js само кликнуло на ссылку как только выйдет этот попандер.
  • Вопрос задан
  • 132 просмотра
Пригласить эксперта
Ответы на вопрос 1
MaKvc
@MaKvc
Отчаянный веб-разработчик
Посмотрите на этот пример: atuin.ru, попробуйте закрыть страницу, появится модальное окно.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы