The 2024 Tidelift maintainer report is live! 📊 Read now!

This package has been marked as deprecated you can use it but you might want to use an alternative.

visibility-change-ponyfill
Release 1.0.0

A more reliable visibilitychange event that works in more mobile WebViews

Keywords: browser, visibility, change, visibilitychange, ios, mobile, chrome, event, pageshow, pagehide, android, uiwebview, webview, ponyfill, app
License: MIT
Install: npm install visibility-change-ponyfill@1.0.0

visibility-change-ponyfill

A more reliable visibilitychange event that works in more mobile WebViews

npm install --save visibility-change-ponyfill

import onVisibilityChange from 'visibility-change-ponyfill';

If you don't use node/babel, include this:

<script src="dist/visibility-change-ponyfill.browser.js"></script>

To add a listener:

onVisibilityChange(function () {
	if(document.hidden) {
		// this page is now hidden
	} else {
		// this page is now visible
	}
});

To remove a listener:

function yourOnChangeListener() { /* */ };
onVisibilityChange(yourOnChangeListener);

onVisibilityChange.remove(yourOnChangeListener);

To remove all listeners:

onVisibilityChange.removeAll();