Я создал игру, адаптированную для мобильных устройств, для своего сайта и хочу, чтобы игра приостанавливалась, как только пользователь открывает панель уведомлений/строку состояния, если он посещает мое приложение на своем мобильном устройстве. Это веб-приложение, поэтому в моем распоряжении только Javascript.
Я пробовал добавить прослушиватель onBlur к родительскому компоненту, и хотя он обнаруживает, когда пользователь касается любого места за пределами экрана, событие onBlur этого не делает. Не сработает, если я опущу панель уведомлений.
Какие у меня есть варианты?
import "./styles.css"; импортировать * как React из «реагировать»; экспортировать функцию по умолчанию App() { const handleBlur = React.useCallback(() => { тревога(); }, []); возвращаться ( /дел> ); } Я также безуспешно пробовал следующее:
document.addEventListener("visibilitychange", function (event) { если (документ.скрытый) { console.log("скрыто"); } еще { console.log("видимый"); } });
Мобильная версия