HTML 5 API---visibilitychangeページ可視性変更イベント

690 ワード

これは目覚ましアプリを作るときに使われたもので、当時作られた最終的な実現効果は京東とよく似ています.
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側ブラウザがフォーカスを失ってもイベントはトリガーされないが,最小化,あるいはデスクトップに戻るとトリガーされる.