{"id":1106,"date":"2024-03-09T16:31:52","date_gmt":"2024-03-09T08:31:52","guid":{"rendered":"https:\/\/blog.yyhcw.com\/?p=1106"},"modified":"2024-03-09T16:31:52","modified_gmt":"2024-03-09T08:31:52","slug":"js%e7%9b%91%e5%90%ac%e6%b5%8f%e8%a7%88%e5%99%a8%e5%bd%93%e5%89%8d%e9%a1%b5%e9%9d%a2%e7%9a%84%e6%98%be%e7%a4%ba%e4%b8%8e%e9%9a%90%e8%97%8f","status":"publish","type":"post","link":"https:\/\/blog.yyhcw.com\/post\/1106.html","title":{"rendered":"js\u76d1\u542c\u6d4f\u89c8\u5668\u5f53\u524d\u9875\u9762\u7684\u663e\u793a\u4e0e\u9690\u85cf"},"content":{"rendered":"<!--wp-compress-html--><!--wp-compress-html no compression--><p>\u4eca\u5929\u770b\u4e00\u4e2a\u7f51\u7ad9\uff0c\u770b\u5b8c\u4e4b\u540e\u968f\u624b\u5207\u6362\u5230\u4e86\u5176\u4ed6\u9875\u9762\uff0c\u7a81\u7136\u53d1\u73b0\u521a\u624d\u770b\u7684\u8fd9\u4e2a\u7f51\u7ad9\u53d8\u6210\u4e86\u201c**\u793e\u533a\u201d\u4e86\uff0c\u4ee5\u4e3a\u662f\u6302\u9a6c\u4e86\uff0c\u51fa\u53bb\u597d\u5947\u5207\u6362\u56de\u53bb\u53d1\u73b0\u53c8\u6062\u590d\u4e86\uff0c\u611f\u89c9\u633a\u597d\u73a9\u7684\uff0c\u4e8e\u662f\u7814\u7a76\u4e86\u4e00\u4e0b<\/p>\n<p>\u539f\u7406<\/p>\n<p>\u4e00\u3001visibilitychange<\/p>\n<p><a href=\"https:\/\/blog.yyhcw.com\/post\/tag\/%e6%b5%8f%e8%a7%88%e5%99%a8\" class=\"tag-tooltip\" data-toggle=\"tooltip\" title=\"\u67e5\u770b\u66f4\u591a\u5173\u4e8e \u6d4f\u89c8\u5668 \u7684\u6587\u7ae0\" target=\"_blank\">\u6d4f\u89c8\u5668<\/a>\u7684\u6807\u7b7e\u9875\u88ab\u9690\u85cf\u6216\u663e\u793a\u7684\u65f6\u5019\u90fd\u4f1a\u89e6\u53d1 visibilitychange \u8fd9\u4e2a\u4e8b\u4ef6\u3002\u901a\u8fc7 visibilitychange \u8fd9\u4e2a\u4e8b\u4ef6\uff0c\u6211\u4eec\u53ef\u4ee5\u5728\u6807\u7b7e\u9875\u9690\u85cf\u7684\u65f6\u5019\u505c\u6b62\u64ad\u653e\u97f3\u4e50\u89c6\u9891\u3001\u505c\u6b62\u4e00\u4e9b\u4e0d\u5fc5\u8981\u7684\u8f6e\u8be2\u3001\u53ef\u4ee5\u505c\u6b62\u4e00\u4e9b\u8bf8\u5982\u8f6e\u64ad\u7b49\u5faa\u73af\u7684\u52a8\u753b\u6548\u679c\u7b49\u7b49\u3002\u8fd9\u4e9b\u53ef\u4ee5\u8282\u7701\u670d\u52a1\u5668\u548c\u672c\u5730\u7684\u5f00\u9500\u3002<\/p>\n<p>document \u4e2d\u5b9a\u4e49\u4e86\u4e24\u4e2a\u53ea\u8bfb\u7684\u5c5e\u6027 hidden \u548c visibilityState \u7528\u6765\u6807\u8bc6<a href=\"https:\/\/blog.yyhcw.com\/post\/tag\/%e6%b5%8f%e8%a7%88%e5%99%a8\" class=\"tag-tooltip\" data-toggle=\"tooltip\" title=\"\u67e5\u770b\u66f4\u591a\u5173\u4e8e \u6d4f\u89c8\u5668 \u7684\u6587\u7ae0\" target=\"_blank\">\u6d4f\u89c8\u5668<\/a>\u7684\u5f53\u524d\u72b6\u6001\u3002<\/p>\n<p>document.hidden \u662f\u4e00\u4e2a\u5e03\u5c14\u503c\uff0c\u7528\u6765\u6807\u8bc6\u9875\u9762\u662f\u5426\u5904\u4e8e\u9690\u85cf\u72b6\u6001<\/p>\n<p>document.visibilityState\u5c5e\u6027\u66f4\u4e3a\u8be6\u7ec6\uff0c\u67094\u4e2a\u72b6\u6001<\/p>\n<p>visible \u9875\u9762\u5185\u5bb9\u81f3\u5c11\u90e8\u5206\u53ef\u89c1\u3002\u8fd9\u610f\u5473\u8be5\u9875\u9762\u5fc5\u987b\u662f\u4e00\u4e2a\u975e\u6700\u5c0f\u5316\u7684\u524d\u7f6e\u9009\u9879\u5361\uff08\u5373\u4f7f\u5168\u90e8\u88ab\u906e\u6321\u4f9d\u7136\u662fvisible\uff0c\u5f53\u524d\u9009\u9879\u5361\u5904\u4e8e\u524d\u7f6e\u72b6\u6001\uff09<\/p>\n<p>hidden \u9875\u9762\u5185\u5bb9\u4e0d\u53ef\u89c1<\/p>\n<p>prerender \u7f51\u9875\u5185\u5bb9\u88ab\u9884\u6e32\u67d3\u5e76\u4e14\u7528\u6237\u4e0d\u53ef\u89c1\u3002<\/p>\n<p>unloaded \u5982\u679c\u6587\u6863\u88ab\u5378\u8f7d\uff0c\u90a3\u4e48\u8fd9\u4e2a\u503c\u5c06\u88ab\u8fd4\u56de\u3002<\/p>\n<p>\u4e8c\u3001focus &amp; blur<\/p>\n<p>html \u9875\u9762\u4e2d\uff0c\u8bf8\u5982\u6309\u94ae\u3001\u6587\u672c\u6846\u7b49\u53ef\u89c6\u5143\u7d20\u90fd\u5177\u6709\u62e5\u6709\u548c\u5931\u53bb\u7126\u70b9\u7684\u4e8b\u4ef6\uff0c\u8fd9\u4e9b\u4e8b\u4ef6\u5728\u54cd\u5e94\u9f20\u6807\u6216\u952e\u76d8\u52a8\u4f5c\u65f6\u90fd\u53ef\u6fc0\u53d1\u9884\u8bbe\u7684\u64cd\u4f5c\u3002\u540c\u6837\u6574\u4e2a\u9875\u9762\u4e5f\u6709\u6240\u8c13\u7684\u7126\u70b9\uff0c\u5b83\u5c31\u6302\u8f7d\u5728 document \u5143\u7d20\u4e0b\u3002<br \/>\n\u6ce8\u610f\uff1a\u8be5\u65b9\u6cd5\u6709\u4e2a\u7f3a\u9677\uff0c\u5c31\u662f\u9996\u6b21\u8fdb\u5165\u9875\u9762\u5fc5\u987b\u70b9\u51fb\u4e00\u6b21\u8ba9\u5143\u7d20\u83b7\u53d6\u7126\u70b9\uff0c\u7136\u540e\u54cd\u5e94\u4e8b\u4ef6\u624d\u80fd\u751f\u6548\u3002<br \/>\ndocument.onfocus \u548c document.onblur \u7528\u6765\u5f25\u8865 visibilitychange \u4e8b\u4ef6\u4e0d\u80fd\u76d1\u542c\u5230\u9875\u9762\u88ab\u90e8\u5206\u906e\u6321\u7684\u60c5\u51b5\u3002<\/p>\n<p>\u521a\u624d\u7684\u60c5\u51b5\u5c31\u53ef\u4ee5\u7528js\u5b9e\u73b0\uff1a<\/p>\n<pre class=\"lang:js decode:true \" title=\"\u6d4f\u89c8\u5668\u6807\u9898\u5207\u6362\">\/\/ \u6d4f\u89c8\u5668\u6807\u9898\u5207\u6362\r\nvar OriginTitile = document.title;    \/\/ \u4fdd\u5b58\u4e4b\u524d\u9875\u9762\u6807\u9898   \r\nvar titleTime;   \r\ndocument.addEventListener('visibilitychange', function(){   \r\n    if (document.hidden){   \r\n        document.title = '**\u793e\u5340\u4e3b\u8ad6\u58c7 - 1024';   \r\n        clearTimeout(titleTime);   \r\n    }else{   \r\n        document.title = '\u751f\u547d-1s ~ ';   \r\n        titleTime = setTimeout(function() {   \r\n            document.title = OriginTitile;   \r\n        }, 2000); \/\/ 2\u79d2\u540e\u6062\u590d\u539f\u6807\u9898   \r\n    }   \r\n});<\/pre>\n<p>\u8f6c\u6458\u6587\u7ae0<\/p>\n<!--wp-compress-html no compression--><!--wp-compress-html-->","protected":false},"excerpt":{"rendered":"\u4eca\u5929\u770b\u4e00\u4e2a\u7f51\u7ad9\uff0c\u770b\u5b8c\u4e4b\u540e\u968f\u624b\u5207\u6362\u5230\u4e86\u5176\u4ed6\u9875\u9762\uff0c\u7a81\u7136\u53d1\u73b0\u521a\u624d\u770b\u7684\u8fd9\u4e2a\u7f51\u7ad9\u53d8\u6210\u4e86\u201c**\u793e\u533a\u201d\u4e86\uff0c\u4ee5\u4e3a\u662f\u6302\u9a6c\u4e86\uff0c\u51fa\u53bb \u00b7\u00b7\u00b7","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[308],"views":3956909,"_links":{"self":[{"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts\/1106"}],"collection":[{"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/comments?post=1106"}],"version-history":[{"count":0,"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts\/1106\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/media?parent=1106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/categories?post=1106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.yyhcw.com\/api\/wp\/v2\/tags?post=1106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}