onHidden.js 1.2 KB

123456789101112131415161718192021222324252627282930
  1. /*
  2. * Copyright 2020 Google LLC
  3. *
  4. * Licensed under the Apache License, Version 2.0 (the "License");
  5. * you may not use this file except in compliance with the License.
  6. * You may obtain a copy of the License at
  7. *
  8. * https://www.apache.org/licenses/LICENSE-2.0
  9. *
  10. * Unless required by applicable law or agreed to in writing, software
  11. * distributed under the License is distributed on an "AS IS" BASIS,
  12. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13. * See the License for the specific language governing permissions and
  14. * limitations under the License.
  15. */
  16. export const onHidden = (cb, once) => {
  17. const onHiddenOrPageHide = (event) => {
  18. if (event.type === 'pagehide' || document.visibilityState === 'hidden') {
  19. cb(event);
  20. if (once) {
  21. removeEventListener('visibilitychange', onHiddenOrPageHide, true);
  22. removeEventListener('pagehide', onHiddenOrPageHide, true);
  23. }
  24. }
  25. };
  26. addEventListener('visibilitychange', onHiddenOrPageHide, true);
  27. // Some browsers have buggy implementations of visibilitychange,
  28. // so we use pagehide in addition, just to be safe.
  29. addEventListener('pagehide', onHiddenOrPageHide, true);
  30. };