ブラウザの「戻る」ボタンをJavascriptで検知するイベント代替案 | Yuta Ihara.com

Javascriptにはブラウザの戻るボタンをクリック、いわゆるブラウザバックで前ページに戻ってきた時に発火するイベントは存在しません。 そのため、今まで様々な方法でイベントの代替案が考案されてきましたが、今の所この方法が一番ベストと考え、実務でも使用しています。 ブラウザで「戻る」検知イベントで何をしたいのかそもそも「戻る」を検知して一体何をしたいのか、具体的な例を上げてみました。 二重送信防止フォームでも戻って再送信できるようにしたいこれが一番多いです。 入力画面などの送信ボタンを複数回クリックして二重送信を防ぐために、送信ボタンを一度クリックすると送信ボタンを非活性（disabled）にしたり、画面全体にローディングをオーバーレイするなどして操作ができない状態にすることがあります。 もちろん送信後は、次のページに遷移しますが、ユーザーによっては、内容を修正しようとブラウザバックする可

[lightwill]

“history.replaceState(null, document.getElementsByTagName('title')[0].innerHTML, null);window.addEventListener('popstate', function(e) { window.location.reload();});”