Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Андрей Охотников
@tsepen
Frontend developer
Веб-разработка
React
Как отследить открытие вкладки?
Мне нужно каждый раз при переходе на вкладку в браузере делать ajax запрос, т.е. если юзер открыл сайт, потом перешел на другую вкладку и вернулся на мою - выполняется запрос. Как отследить момент когда юзер переходит на вкладку?
Вопрос задан
более трёх лет назад
367 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
hzzzzl
@hzzzzl
https://developer.mozilla.org/en-US/docs/Web/API/D...
работает и для вкладок, и для "сохраненных на home экран" pwa-аппов, чтобы данные подгружались когда юзер открывает апп опять
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Алексей Николаев
@Heian
Ашот
window.onfocus и window.onblur, если я верно понял задачу. Первое событие выполнится, когда юзер перейдет на вкладку, второе - когда уйдет с нее
Ответ написан
более трёх лет назад
Комментировать
Нравится
3
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как убрать лишний div в root React?
1 подписчик
27 июл.
163 просмотра
0
ответов
React
Средний
Стоит ли разделять useWatch на отдельные вызовы, чтобы избежать лишних срабатываний useEffect в React Hook Form?
2 подписчика
27 июл.
66 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Как сделать так чтоб push уведомления отправлялись в фоне при открытом но неактивном pwa приложении?
2 подписчика
24 июл.
97 просмотров
0
ответов
React
+1 ещё
Средний
Как безопасно использовать useWatch с обязательными вложенными объектами в Yup-схеме без указания значений по умолчанию?
1 подписчик
24 июл.
39 просмотров
0
ответов
Веб-разработка
Простой
Аналог Hestiacp для Django/Flask/FastAPI?
2 подписчика
22 июл.
616 просмотров
1
ответ
React
+4 ещё
Простой
Как правильно именовать компоненты форм?
1 подписчик
12 июл.
168 просмотров
0
ответов
React
+1 ещё
Простой
Почему я не могу передать переменную в качестве атрибута?
1 подписчик
07 июл.
114 просмотров
1
ответ
React
+1 ещё
Средний
Почему Typescript ругается на файлы js?
1 подписчик
01 июл.
92 просмотра
0
ответов
Веб-разработка
Простой
Как авторизоваться через curl, чтобы отправлять файлы на сервер?
1 подписчик
25 июн.
220 просмотров
1
ответ
React
+2 ещё
Простой
Как заставить работать вместе react с laravel в openserver 6?
2 подписчика
22 июн.
160 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior-разработчик React
СмартПро
•
Москва
от 200 000 ₽
Веб разработчик / Администратор
Atlaskey
от 1 000 до 3 000 €
Технический руководитель проектов / Team Lead (разработка встраиваемого ПО)
INWAVE
•
Москва
До 600 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама