Câu hỏi JavaScript: Onbeforeunload hoặc Onunload?

Question

Vì vậy, tôi muốn lưu trữ một số thông tin trong localstorage của trình duyệt khi trang được làm mới hoặc người dùng thoát khỏi trang để sử dụng trong tương lai. Tôi figured rằng tôi muốn sử dụng một số Javascript để phát hiện sự kiện và lưu trữ trạng thái của trang truy cập.

Hiện tại, tình trạng khó khăn của tôi là: tôi có nên sử dụng phương pháp Onbeforeunload hoặc Onunload để thực hiện mục tiêu này không?

Cảm ơn

Answer 1

Tại sao không đăng ký với cả hai chỉ để được ở bên an toàn? Chỉ cần người nghe thực hiện kiểm tra để xem dữ liệu được lưu trữ chưa và thoát sớm.

Dưới đây là một ví dụ nhanh sử dụng thuộc tính sự kiện:

window.onunload = window.onbeforeunload = (function(){ 

    var didMyThingYet=false; 

    return function(){ 
    if (didMyThingYet) return; 
    didMyThingYet=true; 
    // do your thing here... 
    } 

}()); 

Hoặc bạn có thể sử dụng attachEvent:

(function(){ 

    var didMyThingYet=false; 

    function listener(){ 
    if (didMyThingYet) return; 
    didMyThingYet=true; 
    // do your thing here... 
    } 

    window.attachEvent("onbeforeunload", listener); 
    window.attachEvent("onunload", listener);  

}()); 

Answer 2

Tôi tin rằng Onbeforeunload là cược an toàn. Có thể trình duyệt không thực thi tập lệnh onunload hoàn toàn - ví dụ, nếu bạn có cảnh báo trong onunload, chrome sẽ không hiển thị nếu bạn đóng cửa sổ.

Answer 3

Nơi thích hợp để làm điều đó là onunload. onbeforenload có nghĩa là được sử dụng khi bạn có thể cần phải ngăn chặn người dùng rời khỏi trang, như khi có dữ liệu chưa lưu.

Tôi sẽ rất mệt mỏi khi viết mã để bao trả tất cả các trường hợp vì bạn không sẵn sàng kiểm tra tất cả các trường hợp. Nếu bạn nghiên cứu và thấy rằng nó quá phức tạp trên các trình duyệt, vâng, hãy tiếp tục và làm nhiều nhất có thể. Tuy nhiên, tôi tin rằng không có vấn đề gì khi thực hiện lưu trữ cục bộ. Tôi thực sự đã chạy vào một vấn đề, cố gắng gửi thông tin đến máy chủ onunload. Điều đó đã không xảy ra đáng tin cậy trên các trình duyệt vì vậy tôi đã kết thúc với một cách tiếp cận sử dụng cả dỡ hàng và tải trước, nhưng chỉ sau khi cần sự thẩm định.

Vì vậy, đề xuất của tôi là làm điều đó onunload, kiểm tra tất cả các trình duyệt của bạn.

Answer 4

Từ kinh nghiệm của tôi: sử dụng onunload vì Opera không hỗ trợ sự kiện khác. Vâng, tôi biết ... Opera ... nhưng vẫn còn :)