Обнаружение поддержки onbeforeunload

Вероятно, было бы лучше просто узнать вручную, какие браузеры его поддерживают, а затем иметь условное выражение, похожее на:

if ( $.browser.msie ) {
  alert( 'no' );
}

...так далее.

$.browser.msie - это синтаксис jQuery, большинство фреймворков имеют аналогичные встроенные функции, поскольку они так часто используют их внутри. Если вы не используете фреймворк, я бы предложил просто взглянуть на реализацию этих функций в jQuery.

Другой подход, получите тип

if (typeof window.onbeforeunload == 'function')

{
alert("hello functionality!");
}

alert('onbeforeunload' in window);

Предупреждает "истина", если onbeforeunload является свойством window (даже если он имеет значение NULL).

Это должно делать то же самое:

var supportsOnbeforeunload = false;
for (var prop in window) {
    if (prop === 'onbeforeunload') {
    supportsOnbeforeunload = true;
    break;
    }
}
alert(supportsOnbeforeunload);

Наконец:

alert(typeof window.onbeforeunload != 'undefined');

Опять же, typeof window.onbeforeunload выглядит как «объект», даже если он в настоящее время имеет значение null, так что это работает.

Крустер,

«Beforeunload» не определен в спецификации DOM-Events, это особенность IE. Я думаю, он был создан для того, чтобы запускать выполнение перед стандартным событием «выгрузки». В других браузерах, кроме IE, вы можете использовать прослушиватель событий «выгрузки» фазы захвата, таким образом выполняя код, например, до события onunload встроенного тела.

Кроме того, DOM не предлагает интерфейсов для проверки поддержки определенного события., вы можете проверять только поддержку группы событий (MouseEvents, MutationEvents и т. д.)

Тем временем вы также можете обратиться к спецификации DOM-Events http://www.w3.org/TR/DOM-Level-3-Events/events.html (к сожалению, не поддерживается в IE)

Надеюсь, эта информация поможет некоторым

onbeforeunload также поддерживается FF, поэтому тестирование браузера не поможет.

Некоторое время назад я писал о более или менее надежный вывод для обнаружения поддержки событий в современных браузерах. Вы можете увидеть на демонстрационной странице, что "beforeunload" поддерживается как минимум в Safari 4+, FF3.x + и IE.

Редактировать: этот метод сейчас используется в jQuery, Prototype.js, Modernizr и, вероятно, в других скриптах и ​​библиотеках.

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

$(window).bind('unload', function(){
    alert('unload event');
});

window.onbeforeunload = function(){
    $(window).unbind('unload');
    return 'beforeunload event';
}

Это должно отвязать событие unload, если событие beforeunload срабатывает. В противном случае он просто запустит выгрузку.

К сожалению, ответ Кангакса не работает для Safari на iOS. В моем тестировании beforeunload поддерживался в каждом браузере, который я пробовал, кроме Safari на IOS :-(

Вместо этого я предлагаю другой подход:

Идея проста. При самом первом посещении страницы мы еще не знаем, beforeunload поддерживается. Но на этой самой первой странице мы настроили как unload и обработчик beforeunload. Если обработчик beforeunload срабатывает, мы устанавливаем флаг, говорящий, что поддерживается beforeunload (на самом деле beforeunloadSupported = "yes"). Когда срабатывает обработчик unload, если флаг не установлен, мы устанавливаем флаг того, что beforeunload поддерживает нет.

Далее мы будем использовать localStorage (поддерживается во всех браузерах, которые мне небезразличны). about - см. http://caniuse.com/namevalue-storage), чтобы получить / установить флаг. Мы с тем же успехом можно было использовать cookie, но я выбрал localStorage, потому что там нет причин отправлять эту информацию на веб-сервер при каждом запросе. Мы просто нужен флаг, который переживает перезагрузки страницы. Как только мы обнаружим это однажды, он оставаться обнаруженным навсегда.

Теперь вы можете вызвать в isBeforeunloadSupported(), и он скажет вам.

(function($) {
    var field = 'beforeunloadSupported';
    if (window.localStorage &&
        window.localStorage.getItem &&
        window.localStorage.setItem &&
        ! window.localStorage.getItem(field)) {
        $(window).on('beforeunload', function () {
            window.localStorage.setItem(field, 'yes');
        });
        $(window).on('unload', function () {
            // If unload fires, and beforeunload hasn't set the field,
            // then beforeunload didn't fire and is therefore not
            // supported (cough * iPad * cough)
            if (! window.localStorage.getItem(field)) {
                window.localStorage.setItem(field, 'no');
            }
        });
    }
    window.isBeforeunloadSupported = function () {
        if (window.localStorage &&
            window.localStorage.getItem &&
            window.localStorage.getItem(field) &&
            window.localStorage.getItem(field) == "yes" ) {
            return true;
        } else {
            return false;
        }
    }
})(jQuery);

Вот полный jsfiddle с примером использования.

Обратите внимание, что он будет обнаружен только при второй или любой последующей загрузке страницы на вашем сайте. Если для вас важно, чтобы он работал и на самой первой странице, вы можете загрузить iframe на эту страницу с атрибутом src, указывающим на страницу в том же домене с обнаружением здесь, убедитесь, что он загружен, а затем удалите Это. Это должно гарантировать, что обнаружение было выполнено, чтобы isBeforeunloadSupported() работал даже на первой странице. Но мне это было не нужно, поэтому я не вставил это в свою демонстрацию.

Я вижу, что это очень старый поток, но принятый ответ неправильно определяет поддержку Safari на iOS, что заставило меня исследовать другие стратегии:

if ('onbeforeunload' in window && typeof window['onbeforeunload'] === 'function') {
  // onbeforeunload is supported
} else {
  // maybe bind to unload as a last resort
}

Вторая часть if-check необходима для Safari на iOS, для которого установлено свойство null.

Протестировано в Chrome 37, IE11, Firefox 32 и Safari для iOS 7.1.

Мобильные браузеры, как правило, не поддерживают beforeunload, потому что браузер может уйти в фоновый режим, не выгружая страницу, а затем быть убитым операционной системой в любое время.

Однако все современные немобильные браузеры поддерживают его. Поэтому вы можете просто проверить, является ли браузер мобильным.

Для решения проблемы использую:

var isMobile = navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/iPhone|iPad|iPod/i) || navigator.userAgent.match(/Opera Mini/i) || navigator.userAgent.match(/IEMobile/i);
if (isMobile)
{
    window.addEventListener("visibilitychange", function(e)
    {
        if (document.visibilityState == 'hidden')
        {
            console.info("beforeunload");
            location.reload();
        }
    });
}
else
{
    window.addEventListener("beforeunload", function(e)
    {
        console.info("beforeunload");
    });
}