history.backで戻ったときのjs処理

質問

はじめまして、javascript初心者です。
仕事でwebサイトを作っておりますが、わからないことがあり質問させていただきました。

history.backで前のページに戻ったときにアニメーションを実行させない方法はございますでしょうか。

トップページに外部から訪れた場合のみ、アニメーションを実行させています。
判別はreferrerを使用し、自ドメインを含んでいなかったら実行というような処理をしています。

トップページにはお問い合わせフォームがあり、お問い合わせフォーム→確認画面→戻るを押下した際にアニメーションが実行され、ページのトップへ戻ってしまいます。
「戻る」ボタンには「onClick="history.back()"」を使用しています。

aタグのリンクで処理をすればアニメーションは実行されないのですが、フォームの入力内容がリセットされてしまいます。
入力内容を維持したまま、アニメーションを実行させない方法はございますでしょうか。
ご教示いただけますようお願い申し上げます。

回答No.2

Taiyonoshizuku

それじゃあ申し訳ないけど、ここの回答欄で全部説明するのは厳しい。
そのフォームがどんなふうに作られているかで作り方が変わってくるし。
仕事で作るなら調べて、いろいろ試してみて。
ここで言われたとおりに実装したって、理解しなかったらまた何か問題発生するだろうし。

お礼

Taiyonoshizuku様
ありがとうございます。
仰る通りだと思います。私なりにいろいろ調べたのですがわからず、時間もなかったのでこちらで質問させていただきました。もう少し調べて、勉強していきたいと思います。

回答No.1

Taiyonoshizuku

たぶん、フォームの確認画面から戻る処理をhistory.back()でさせるんじゃない方法にするのが一番早いと思う。
入力内容をhiddenに持たせるとかセッションに持たせるとかで。

というか、その飛ばされるアニメーションがフォーム関連のルートに出てくるのが間違いな気が？

お礼

さっそくご教示ただきましてありがとうございます。
web制作を始めたばかりで知識が乏しく、仰ることが理解できませんでした。
フォームの実装もフリーのphpを使っており、知識が全くございません。
こんな状況でwebサイトを作っていること自体お恥ずかしい限りです。