Xác nhận trước khi đóng tab/trình duyệt

Question

Cách yêu cầu xác nhận từ người dùng trước khi rời khỏi trang như trong gmail?

Tôi đã tìm kiếm cho câu hỏi này ở những nơi khác nhau, nhưng tất cả những gì họ đề cập là việc sử dụng javascript window.unload & window.onbeforeunload. Ngoài ra nó không hoạt động trong chrome hầu hết các lần như nó bị chặn.

Answer 1

Hãy thử điều này:

<script> 
window.onbeforeunload = function (e) { 
    e = e || window.event; 

    // For IE and Firefox prior to version 4 
    if (e) { 
     e.returnValue = 'Sure?'; 
    } 

    // For Safari 
    return 'Sure?'; 
}; 
</script> 

Đây là một công tác jsFiddle

Answer 2

Hãy thử điều này:

<script> 
    window.onbeforeunload = function(e) { 
     return 'Dialog text here.'; 
    }; 
</script> 

chi tiết ở đây MDN.

Answer 3

Tôi đã đọc nhận xét về câu trả lời được đặt là Được rồi. Hầu hết người dùng đều yêu cầu nút và một số liên kết nhấp phải được cho phép. Ở đây thêm một dòng được thêm vào mã hiện có sẽ hoạt động.

<script type="text/javascript"> 
    var hook = true; 
    window.onbeforeunload = function() { 
    if (hook) { 

     return "Did you save your stuff?" 
    } 
    } 
    function unhook() { 
    hook=false; 
    } 

Gọi để mở nút và liên kết mà bạn muốn cho phép. Ví dụ.

<a href="#" onClick="unhook()">This link will allow navigation</a>