Tarayıcıda Sekme Değiştirmenin Algılanması

Merhabalar,

Tarayıcılarda bir sekmeden başka bir sekmeye geçişi Page Visibility API sayesinde anlayabiliriz. visibilityState özelliğinde sekmenin durumu tutulmaktadır. Örnek olarak aşağıdaki kodu inceleyebiliriz:

document.addEventListener("visibilitychange", function() {
  console.log(document.visibilityState);
});

Sekme değişikliklerini visibilitychange olayı yakalamaktadır. visibilityState özelliği aşağıdaki değerleri almaktadır:

• visible: Tarayıcı sekme aktiftir ve tarayıcı penceresi simge durumuna küçültülmemiştir.
• hidden: Tarayıcı sekmesi aktif değildir, sekme değiştirilmiştir veya tarayıcı penceresi simge durumuna küçültülmüştür.

Kaynaklar:

https://www.w3.org/TR/page-visibility/
https://developer.mozilla.org/en-US/docs/Web/Events/visibilitychange
https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API