Thực hiện thao tác trên nút dừng trình duyệt, nhấp vào

Question

Xin lỗi nếu điều này là đơn giản; Tôi mới sử dụng JQuery. Tôi đã tìm kiếm và tìm thấy các câu hỏi như this, nhưng chúng dường như không trả lời câu hỏi của tôi.

Tôi đang sử dụng JQuery để hiển thị một chỉ báo tiến độ câm cho những hành động mà phải mất một thời gian dài:

$(document).ready(function() { 
    $('form').submit(function() { 
     $('#progress').show(); 
    }); 
}); 

Khi người dùng nhấp vào một nút hình thức, tôi chỉ hiển thị một div với một gif động. Div này hiển thị trong phần còn lại của trang hiển thị. Sau khi hành động của biểu mẫu hoàn tất, một trang mới sẽ tải.

Tính năng này hoạt động tốt, nhưng điều gì sẽ xảy ra nếu người dùng nhấp "ngừng" trong trình duyệt trước khi tác vụ hoàn tất? Làm thế nào tôi có thể làm cho div biến mất? Có cách nào để bắt sự kiện này hay không, có cách nào tốt hơn để xử lý toàn bộ tình huống không?

Cảm ơn sự giúp đỡ của bạn.

Answer 1

Bạn có thể sử dụng sự kiện "dừng" để xử lý sự kiện này, nhưng sự kiện này sẽ chỉ hoạt động đối với IE. Tôi nghĩ bạn không thể xử lý sự kiện đó cho các trình duyệt khác.

gì bạn có thể thử là làm cho hộp thoại tiến trình biến mất sau thời gian chờ nhỏ:

$('form').submit(function() { 
    $('#progress').show(); 
    setTimeout(function(){ 
      $('#progress').hide(); 
    },3000); 
});