Показывать всплывающее окно jQuery перед окном браузера

Question

Я использую следующие js, чтобы показать всплывающее окно перед закрытием браузера/окна. Но, похоже, это не работает.

$(window).bind('beforeunload', function(e) { 
    $('#beforeclose').click(); 
}); 

Всплывающее окно, которое я пытаюсь показать, это prettyPopin. И #beforeclose является идентификатором якоря, с которым я пытаюсь связать событие click перед выгрузкой окна. Я заметил, что встроенные всплывающие окна js работают, но всплывающее окно jQuery не работает.

Есть ли способ достичь того, что я хочу? Пожалуйста, объясните мне или отсылайте меня к соответствующей ссылке, потому что я не эксперт в js.

Заранее спасибо.

Answer 1

Вы не можете безопасно это сделать.

onbeforeunload разработан таким образом, чтобы избежать полного отказа пользователя покидать страницу. Единственное, что вам нужно сделать, это вернуть строку с сообщением, почему пользователь может не захотеть покинуть страницу. Это сообщение отображается пользователю unless he's using firefox.

Answer 2

Попробуйте изменить его

$(window).bind('beforeunload', function(e) { 
    $('#beforeclose').click(); 
    e.preventDefault(); 
    return false; // just in case.. 
}); 

из jQuery documentation:

event.preventDefault()

Описание: Если этот метод вызывается, действие по умолчанию события не будет срабатывать.

В принципе, вы зывать функцию, которая показывает всплывающее окно на beforeunload событии, но не блокирует браузер, как в окно предупреждения или что-то в этом роде. Используя event.preventDefault(), вы прекратите выполнение потока событий.

Answer 3

Попробуйте это:

<script type="text/javascript"> 
     $(function() { 
     function confirmmsg() { 
      return "Mail Not sent"; 
     } 
     window.onbeforeunload = confirmmsg; 

     }); 
</script>