HTML 5 API---visibilitychangeページ可視性変更イベント
690 ワード
これは目覚ましアプリを作るときに使われたもので、当時作られた最終的な実現効果は京東とよく似ています.
Visibilitychangeイベントは、ブラウザが新しく追加したイベントであり、ブラウザのラベルページがバックグラウンドに切り替えられたり、バックグラウンドからフロントに切り替えられたりすると、メッセージがトリガーされ、主流のブラウザでサポートされています.
次は、当初機能していたときに調べた栗ちゃんですが、時間があればまた私が書いた機能コードも整理しておきます
注意:(1)微信内蔵のブラウザはラベルがないため、このイベントはトリガーされません.(2)携帯端末がホームボタンを直接押してデスクトップに戻っても,このイベントはトリガーされない.(3)PC側ブラウザがフォーカスを失ってもイベントはトリガーされないが,最小化,あるいはデスクトップに戻るとトリガーされる.
Visibilitychangeイベントは、ブラウザが新しく追加したイベントであり、ブラウザのラベルページがバックグラウンドに切り替えられたり、バックグラウンドからフロントに切り替えられたりすると、メッセージがトリガーされ、主流のブラウザでサポートされています.
次は、当初機能していたときに調べた栗ちゃんですが、時間があればまた私が書いた機能コードも整理しておきます
function onVisibilityChanged(event) {
var hidden = event.target.webkitHidden;
if (hidden)
audioElement.pause();
else
audioElement.play();
}
function load() {
document.addEventListener("webkitvisibilitychange", onVisibilityChanged, false);
注意:(1)微信内蔵のブラウザはラベルがないため、このイベントはトリガーされません.(2)携帯端末がホームボタンを直接押してデスクトップに戻っても,このイベントはトリガーされない.(3)PC側ブラウザがフォーカスを失ってもイベントはトリガーされないが,最小化,あるいはデスクトップに戻るとトリガーされる.