Как вызвать всплывающее окно выхода?

Question

Я хотел бы сделать всплывающее окно выхода на моем сайте. Я подготовил свой модальный, но не могу найти «хороший способ», чтобы обнаружить момент, когда пользователь собирается покинуть сайт. Я читал некоторые другие посты на эту тему и нашел этот кусок кода:

$(document).ready(function() { 
    $(document).mouseleave(function(e) { 
    if(e.clientY < 0) { 
     $('#exit').modal('show') 
    } 
    }); 
}); 

К сожалению, это решение не работает на IE и Edge. Каков лучший способ сделать это?

ОБНОВЛЕНИЕ: Позвольте мне быть более точным. Я хочу достичь чего-то вроде this. Я предположил, что лучший способ - обнаружить, когда мышь покидает документ.

Answer 1

Обычно это делается с помощью события onbeforeunload на окне. Это должно быть назначено функции, которая возвращает текст, который вы хотите отобразить пользователю, когда они покидают страницу. Например:

window.onbeforeunload = function() { 
    return "Are you sure you want to leave?" 
} 

Это приведет к окну подтверждения, когда пользователь попытается покинуть страницу по какой-либо причине. Если вы не хотите, чтобы он отображался во внутренних ссылках, вам нужно будет использовать javascript для отмены назначения события до начала навигации.

Answer 2

window.onbeforeunload = function() { 
    // do stuff with your modal here 
} 

делать то, что вы хотите внутри функции обратного вызова, но событие onbeforeunload является тот, который вы хотите, чтобы справиться с