Выводить предупреждение при выходе с сайта, а не только со страницы

ваш лучший выбор-слушать нестандартные beforeunload событие. Это поддерживается почти всеми браузерами, ожидать от Opera, которая, как известно, придерживаться стандартов W3C чрезвычайно строго.

Kickoff пример:

window.onbeforeunload = function() {
    return "You're leaving the site.";
};

это сообщение будет отображаться в виде диалога подтверждения.

в вашем конкретном случае вам нужно отключить его (просто установите значение null) при нажатии на навигационную ссылку или при отправке внутренней формы. Вы можете сделать это, слушаю на click событие желаемых ссылок и submit событие нужных форм. jQuery может быть, здесь очень поможет:

window.onbeforeunload = function() {
    return "You're leaving the site.";
};
$(document).ready(function() {
    $('a[rel!=ext]').click(function() { window.onbeforeunload = null; });
    $('form').submit(function() { window.onbeforeunload = null; });
});

вам нужно только дать всем внешним ссылкам стандартный атрибут defacto rel="ext" чтобы обозначить, что это внешние ссылки.

<a href="http://google.com" rel="ext">Google</a>

это может помочь

1. нужно проверить onclick событие до присоединения initLocalLinkException();
2. отказ от ответственности: это не проверял.

HTML-код:

<a href="test.html">internal link</a>
<a href="#test">html anchor</a>
<a href="http://www.google.com">external link</a>
<a href="http://www.google.com" target="_blank">blank external link</a>
<form action="test.html" method="post" >
    <button type="submit">Post Button</button>
</form>

JavaScript:

$(document).ready(function () {
  initLocalLinkException();
  window.onbeforeunload = function () { confirmExit() };
  $('form').submit(function () { 
    window.onbeforeunload = null;
  });
});

function initLocalLinkException() {
  $('a').click(function () {
    if ($(this).attr('target') != '_blank') {

      var link = $(this).attr('href');
      if (link.substr(0, 4) == 'http') { 
        var LocalDomains = new Array('http://www.yourdomain.com', 
                                     'https://yourdomain.com', 
                                     'localhost', '127.0.0.1');
        var matchCount = 0;
        $.each(LocalDomains, function () {
          if (this == link.substr(0, this.length)) {
            matchCount++; 
          }
        });
        if (matchCount == '0') { 
          confirmExit(); 
        } else {
          window.onbeforeunload = null;
        }
      } else { window.onbeforeunload = null;  }

    }
  });
}

function confirmExit() {
  alert('Are you sure?'); // Do whatever u want.
}

посмотри этой теме.

один из возможных способов достичь этого - использовать Javascript для изучения всех a теги на Вашей странице При загрузке и проверьте, связаны ли они с внешним сайтом. Если это так, вы можете добавить onclick событие, чтобы показать окно подтверждения / оповещения или что-то более элегантное. Конечно, использование jQuery значительно упростит Javascript, который вам придется написать, как в приведенном выше потоке.

используя выражение из этот вопрос, вы можете сделать следующее:

$.expr[':'].external = function(obj){
    return !obj.href.match(/^mailto\:/) && (obj.hostname != location.hostname);
};
$.expr[':'].internal = function(obj){
    return obj.hostname == location.hostname;
};

$(function() {
    var unloadMessage = function() {
        return "Don't leave me!";
    };

    $('a:internal').click(function() { 
        window.onbeforeunload = null;
    });
    $('form').submit(function() { 
        window.onbeforeunload = null;
    });

    $('a:external').click(function() { 
        window.onbeforeunload = unloadMessage;
    });

    window.onbeforeunload = unloadMessage;
});

Это возможно. Просто попробуйте ввести вопрос или ответ на SO, а затем уйти, прежде чем отправить его. Не имеет значения, нажимаете ли вы на ссылку или вводите адресную строку, вы получаете "вы уверены?" тревога. Вы можете разместить на так мета спрашивая, как они делают это.

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

в этом случае onbeforeunload запускается, когда пользователь покидает страницу / сайт.