この記事の内容は HTML5 でのページの可視性の判定に関するものです(コード付き)。必要な方は参考にしていただければ幸いです。
visibilitychange
ページ イベントは、現在のページの可視性ステータスを決定し、対象を絞った方法で特定のタスクを実行します visibilitychange
页面事件来判断当前页面可见性的状态,并针对性的执行某些任务
新出现的document.hidden
属性,它显示页面是否为用户当前观看的页面,值为ture或false。
visibilityState
的值要么是visible
(表明页面为浏览器当前激活tab,而且窗口不是最小化状态),要么是hidden
(页面不是当前激活tab页面,或者窗口最小化了。),或者prerender
document.hidden
属性、それページがユーザーによって現在表示されているページであるかどうかを表示します。値は true または false です。 document.visibilityState visibilityState
の値は、visible
(ページがブラウザで現在アクティブ化されているタブであり、ウィンドウが最小化されていないことを示します) または のいずれかです。 > hidden
(ページは現在アクティブなタブ ページではないか、ウィンドウが最小化されています。)、または prerender
(ページは再生成中であり、ユーザーには表示されません。)。 // 各种浏览器兼容 var hidden, state, visibilityChange; if (typeof document.hidden !== "undefined") { hidden = "hidden"; visibilityChange = "visibilitychange"; state = "visibilityState"; } else if (typeof document.mozHidden !== "undefined") { hidden = "mozHidden"; visibilityChange = "mozvisibilitychange"; state = "mozVisibilityState"; } else if (typeof document.msHidden !== "undefined") { hidden = "msHidden"; visibilityChange = "msvisibilitychange"; state = "msVisibilityState"; } else if (typeof document.webkitHidden !== "undefined") { hidden = "webkitHidden"; visibilityChange = "webkitvisibilitychange"; state = "webkitVisibilityState"; } // 添加监听器,在title里显示状态变化 document.addEventListener(visibilityChange, function() { document.title = document[state]; }, false); // 初始化 document.title = document[state];
document.addEventListener("visibilitychange", function() { console.log( document.visibilityState ); }); document.addEventListener("msvisibilitychange", function() { console.log( document.msVisibilityState); }); document.addEventListener("mozvisibilitychange", function() { console.log( document.mozVisibilityState); }); document.addEventListener("webkitvisibilitychange", function() { console.log( document.webkitVisibilityState); });
PHPの抽象メソッド、抽象クラス、インターフェイスの簡単な紹介
🎜コンテナ(Container)とファサード(Facade)とは何ですか? thinkphp5.1 のコンテナーとファサードの簡単な分析 🎜🎜🎜 🎜 thinkphp テンプレートがモバイル WeChat 支払いであるか WeChat スキャン コード支払いであるかを判断する方法 🎜🎜以上がHTML5 でのページの可視性の決定 (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。