在 Safari 上刷新页面后，beforeunload 事件未触发

Question

I'm trying to add a warning to a user if they are leaving the page without saving their changes, currently this works by setting the isEdited and isSubmitButtonClicked variables on certain events, Let's assume that isEdited is True and isSubmitButtonClicked is false.

This works for Chrome/Firefox in all cases yet in Safari it works the first time, wherein the alert shows up, I can click leave page and then navigate back to that same page try to make another change and leave the page and this time the alert does NOT show up.

This is only an issue for Safari, does anyone have any experience or ideas I can try?

$(window).bind('beforeunload', function (e) {
    if (isEdited && !isSubmitButtonClicked) {
        var confirmationMessage = 'test';
        (e || window.event).returnValue = confirmationMessage;
        return confirmationMessage;
    }
    isSubmitButtonClicked = false;
});

Answer 1

我似乎记得一些关于 beforeunload 的事情，除非用户首先点击浏览器窗口，否则它不会触发。