2017年7月19日水曜日

iPadのSafariでタブ非表示になったときresizeイベントが発火しないので困った

Mobile Safariでタブ切替、ウィンドウの表示非表示を検知する方法 | SRIA BLOG – 宮城県仙台市のWEBシステム開発・スマホアプリ開発
https://www.sria.co.jp/blog/2014/08/in-the-mobile-safari-tab-switching-how-to-detect-non-show-window/


※画面の表示、非表示を検知する

window.addEventListener("pageshow", function(){
  //表示された
});

window.addEventListener("pagehide", function(){
  //非表示になった
});

windowのpageshow、pagehideイベントをハンドルするだけです。
これでfunction内に処理を記載すると、画面が表示、非表示に切替されるタイミングで
任意のコードを実行できるようになります。

0 件のコメント:

コメントを投稿