Sự kiện khi người dùng chuyển các tab trình duyệt

Question

Tôi đang tìm kiếm sự kiện sẽ kích hoạt bất cứ khi nào người dùng chuyển từ trang này sang tab khác và một sự kiện khác sẽ kích hoạt khi người dùng chuyển trở lại tab.

window.onblur và window.onfocus don't seem to work correctly trên tất cả các trình duyệt

Có một proxy tôi có thể nhìn vào để tổng hợp sự kiện này?

Answer 1

Bạn có thể thử sử dụng một khung, chẳng hạn như MooTools hoặc jQuery cung cấp hỗ trợ trình duyệt chéo. Họ sẽ có thể phát hiện với độ tin cậy cao hơn các sự kiện blur và focus cho cửa sổ trình duyệt.

Cá nhân tôi đã sử dụng jQuery với nhiều thành công:

$(window).blur(function(e) { 
    // Do Blur Actions Here 
}); 
$(window).focus(function(e) { 
    // Do Focus Actions Here 
}); 

Answer 2

Bạn cũng có thể thử và sử dụng VisibilityAPI.

document.addEventListener("visibilitychange", function() { 
    if (document.hidden){ 
     console.log("Browser tab is hidden") 
    } else { 
     console.log("Browser tab is visible") 
    } 
}); 

See also here on Stackoverflow (possible duplicate)