JavaScript/イベント/pageshow

あまり見慣れないイベントだが必要になる局面がある。

これは window に取り付けるイベントで名前の通りページが表示されるときに発火する。 このイベントの特徴的なところは戻るボタンで戻って表示されるブラウザのキャッシュ的なページ表示に対しても発火するところにある。

ブラウザで戻ってそこでキャッシュが使われた場合どうなるかというと、ブラウザは戻ったページから先に進む際の最終状態を再現しようとする。

JS で DOM を操作したならその対象のDOMは操作後の状態を保っている。