HTML5 event -- visibilitychange label visibility, html5 tag

HTML5 event -- visibilitychange label visibility, html5 tag

We can see another interesting HTML5 event. The visibilitychange event is called when the current webpage changes between visible and invisible. For example, the user is swiping Weibo and swiping the video in half, at this time, Weibo can use visibilitychange to find that users are not looking at themselves. You can pause the request or perform other operations as needed, and continue loading when the user returns.
You can use the hidden attribute of document to determine whether a tag is visible. Table labels are invisible in the true age.
This event is suitable for reducing network requests and server pressure when tags are invisible. You can also do some interesting things, such as changing the text of the webpage title.

Document. addEventListener ("visibilitychange", function () {document. title = document. hidden? "The user has left": "The user is back ";});

Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.