Как правильно определять нахождение пользователя во вкладке?

Question

[kr_ilya]

Сейчас скрипт определения нахождения юзера во вкладке такой

$(window).focus(function() { $('.hblock').text('На странице') });
$(window).blur(function() { $('.hblock').text('Не на странице') });

Вот только если на странице есть iframe и перевести фокус на него, то функция определит что пользователь не во вкладке, хотя по факту он всё еще в ней.

Вот демо

Как модифицировать скрипт?

Answer 1

[Шохрух Шаймардонов]

https://github.com/addyosmani/visibly.js

Answer 2

[hzzzzl]

document.addEventListener("visibilitychange", function() {
  console.log(document.visibilityState)
  if (document.visibilityState === 'visible') {
    $('.hblock').text('На странице');
  } else {
    $('.hblock').text('Не на странице'); 
  }
});

https://developer.mozilla.org/en-US/docs/Web/API/D...