запускать событие только тогда, когда вкладка активирована

Question

Я хочу что-то сделать, когда вкладка activated

onvisibilitychange срабатывает, когда страница activated и de-activated

Мне нужен только первый вариант, что-то например:

document.onactivate = function(){ 
  console.log("index.php is visible");
};

Любая помощь?

Answer 1

Использовать условие для проверки видимости

document.addEventListener("visibilitychange", function handleVisibilityChange() {
  if (!document.hidden) {
    console.log("index.php is visible");
  }
}, false);

Answer 2

Вы можете проверить visibilityState документа. Событие срабатывает, когда страница активируется и деактивируется, однако это позволяет запускать код только тогда, когда страница становится активированной ie: visible.

document.addEventListener("visibilitychange", function() {
  if (document.visibilityState === "visible") {
    // code when page is visible
    console.log("index.php is visible");
  }
});