监听用户离开或返回当前打开的网页

最新推荐文章于 2024-07-25 09:35:01 发布

jx静心

最新推荐文章于 2024-07-25 09:35:01 发布

阅读量323

点赞数

本文链接：https://blog.csdn.net/jx2956/article/details/100525689

版权

用户返回浏览器中打开的此页面时，显示id="model-vote"块中内容：

var hiddenProperty = 'hidden' in document ? 'hidden' :
     'webkitHidden' in document ? 'webkitHidden' :
         'mozHidden' in document ? 'mozHidden' :
             null;
 var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
 var onVisibilityChange = function(){
　　　/*用户再次返回当前页面时，可执行此方法*/
     if (!document[hiddenProperty]) {
　　　　$('#model-vote').attr("style","display:block");
     }
　　　if (document[hiddenProperty]) {
　　　　console.log('用户离开当前页面时，执行此方法');
　　　}
 }
document.addEventListener(visibilityChangeEvent, onVisibilityChange);