window.onbeforeunload và window.onunload không hoạt động trong Firefox, Safari, Opera?

Trong ứng dụng trò chuyện của mình, tôi cần nhận được xác nhận từ người dùng khi ứng dụng của tôi đóng.

Vì vậy, tôi đã sử dụng window.onbeforeunloadcảnh báo xác nhận window.onunloadfor và for logout().

1. Nhưng cả hai chức năng này đều hoạt động trong IE và Chrome. (Ứng dụng hoạt động tốt)

2. window.onbeforeunload không hoạt động trong Opera và tin nhắn của tôi sẽ không hiển thị trong Firefox.

3. window.onunload không hoạt động trong Safari, Opera và Firefox.

Mã JavaScript của tôi sẽ là:

// Used for confirmation, to closing the window 
window.onbeforeunload = function () {

    return  "Are you sure want to LOGOUT the session ?";
}; 

// Used to logout the session, when browser window was closed 
window.onunload = function () {

    if((sessionId != null)&&(sessionId!="null")&& (sessionId != ""))
        logout();
};

Tôi cũng đã thử chức năng tương tự với JQuery,

<script type="text/javascript">

    $(window).on('beforeunload', function() {
        return 'Are you sure want to LOGOUT the session ?';
    });

    $(window).unload(function() {
        if ((sessionId != null) && (sessionId != "null") && (sessionId != "")) {
            logout();
        }
    });
    
</script>

Rất tiếc, các phương pháp bạn đang sử dụng không được hỗ trợ trong các trình duyệt đó. Để hỗ trợ câu trả lời của tôi (hành vi không ủng hộ này), tôi đã đưa ra các liên kết bên dưới.

onbeforeunloadvà onunloadkhông làm việc trong opera... để hỗ trợ điều này

onbeforeunload trong Opera
http://www.zachleat.com/web/dont-let-the-door-hit-you-onunload-and-onbeforeunload/

Mặc dù onunloadsự kiện không hoạt động hoàn toàn, bạn có thể sử dụng onunloadđể hiển thị cảnh báo nếu người dùng nhấp vào liên kết để điều hướng khỏi trang có biểu mẫu chưa được lưu.

onunloadkhông hoạt động trong safari... để hỗ trợ điều này

https://www.webkit.org/blog/516/webkit-page-cache-ii-the-unload-event/

Bạn có thể thử sử dụng pagehidesự kiện trong trình duyệt safari thay cho onunload.

onunloadkhông hoạt động trong firefox... để hỗ trợ điều này

https://bugzilla.mozilla.org/show_bug.cgi?id=681636

Họ cũng chưa đưa ra giải pháp trong FF

Chúc bạn may mắn cổ vũ.

Đây là giải pháp làm việc cho firefox và chrome:

var myEvent = window.attachEvent || window.addEventListener;
var chkevent = window.attachEvent ? 'onbeforeunload' : 'beforeunload'; /// make IE7, IE8 compitable

            myEvent(chkevent, function(e) { // For >=IE7, Chrome, Firefox
                var confirmationMessage = 'Are you sure to leave the page?';  // a space
                (e || window.event).returnValue = confirmationMessage;
                return confirmationMessage;
            });

Tôi đã có thể làm cho nó hoạt động trong IE và FF với jQuery's:

$(window).bind('beforeunload', function(){

});

thay vì: dỡ xuống, tải lên hoặc tải lên trước

Tôi đã nhận được giải pháp cho onunloadtất cả các trình duyệt ngoại trừ Opera bằng cách thay đổi yêu cầu không đồng bộ Ajax thành yêu cầu đồng bộ.

xmlhttp.open("POST","LogoutAction",false);

Nó hoạt động tốt cho tất cả các trình duyệt ngoại trừ Opera .

Sự kiện onunload không được gọi trong tất cả các trình duyệt. Tệ hơn, bạn không thể kiểm tra giá trị trả về của sự kiện onbeforeunload. Điều đó ngăn chúng tôi thực sự định dạng trước một chức năng đăng xuất.

Tuy nhiên, bạn có thể hack xung quanh điều này.

Gọi đăng xuất điều đầu tiên trong sự kiện onbeforeunload. sau đó nhắc người dùng. Nếu người dùng hủy đăng xuất, hãy tự động đăng nhập lại bằng cách sử dụng sự kiện onfocus. Kinda ngược, nhưng tôi nghĩ nó sẽ hoạt động.

'use strict';

var reconnect = false;

window.onfocus = function () {
  if (reconnect) {
    reconnect = false;
    alert("Perform an auto-login here!");
  }
};

window.onbeforeunload = function () {
  //logout();
  var msg = "Are you sure you want to leave?";
  reconnect = true;
  return msg;
};

Firefox đơn giản là không hiển thị các thông báo onbeforeunload tùy chỉnh. Mozilla cho biết họ đang bảo vệ người dùng cuối khỏi các trang web độc hại có thể hiển thị văn bản gây hiểu lầm.