Cách ngăn chặn gọi onbeforeunload khi làm mới trang

Question

Tôi muốn ngăn chặn gọi hàm confirmExit() khi trang được làm mới. Có thể làm điều đó không?

<script language="JavaScript"> 
window.onbeforeunload = confirmExit; 
function confirmExit() 
{ 
    $.post("test.php"); 
} 
</script> 

Answer 1

Bạn không thể. Làm mới trang giống như điều hướng và dỡ DOM, do đó sự kiện onbeforeunload sẽ luôn được gọi.

Answer 2

Đối với những gì bạn đang tìm kiếm, cách tốt nhất để kiểm soát việc làm mới trang web là với chức năng onKeyDown. Rất tiếc, nhấn nút làm mới trực tiếp từ trình duyệt của bạn sẽ tải lại DOM, vì vậy về mặt kỹ thuật không có cách nào để ngăn không cho làm mới từ hành động này.

Đi vào cùng một vấn đề, tôi tìm thấy trang web này http://asquare.net/javascript/tests/KeyCode.html nơi bạn có thể xác minh phản hồi của trình duyệt của bạn với các sự kiện bàn phím. Ở đây bạn có thể bắt đầu tìm ra lý do tại sao onKeyDown là lựa chọn tốt nhất. Chrome không phản ứng với hàm onKeyPress.

Bạn chỉ cần một biến để kiểm soát hành động làm mới. Nếu người dùng nhấn phím, thì hành động onBeforeUnload sẽ không được thực thi.

var refresh = false; //Control variable to control refresh access 
j$(window).bind('beforeunload', function(){ 
    if (refresh == false) { // If F5 is not pressed 
     return "Do you really want to leave?"; 
    } 
}); 

j$(window).keydown(function(event) { 
    if (event.keyCode == 116) { // User presses F5 to refresh 
    refresh = true; 
    } 
}); 

Answer 3

Có hai điều cần xem xét. (1) Chức năng "window.onbeforeunload" thực hiện khi phím f5 được giải phóng (onkeyup). Bất cứ điều gì để sửa đổi diện mạo đối thoại phải xảy ra trước đó như onkeydown. (2) Hàm sẽ không hoạt động nếu trả về được theo sau bởi một giá trị null.

Nếu bạn đặt biến toàn cầu để sử dụng làm giá trị trả về VÀ làm cho nó rỗng nếu phím f5 được nhấn, hộp thoại sẽ không xuất hiện khi f5 được sử dụng để làm mới. Tuy nhiên nó xuất hiện nếu nút "Đóng" được nhấn. Lưu ý rằng mã bên trong "onbeforeunload" sẽ chạy ngay cả khi giá trị trả về là null, do đó bạn phải kiểm tra giá trị trả lại nếu bạn muốn mã bị vô hiệu hóa.

document.onkeydown = KeyCheck; 
window.returnMessage="You are now logged out."; 
function KeyCheck(e) { 
    var key = (window.event) ? event.keyCode : e.keyCode; 
    alert(key); 
    if(key==116) {window.returnMessage=null;} 
    } 
$(function(){ 
    window.onbeforeunload = function(event) { 
     if(window.returnMessage.length > 0) {logoutFunction();} 
     return window.returnMessage; 
     } 
    });