ブラウザの戻るボタンがクリックされたときに発生するイベント

JavaScriptでは、ブラウザの戻るボタンをクリックしたイベントを検知するためにpopstateイベントを使用できます。ブラウザの戻るボタンをクリックすると、popstateイベントがトリガされます。以下はその簡単な例です。

window.addEventListener('popstate', function(event) {
// 在这里编写后退按钮点击后需要执行的代码
});

popstateイベントは、戻るボタンのクリックだけでなく、ブラウザの進むボタンのクリックやhistory.back()やhistory.forward()メソッドを呼び出した時にも発火するので注意。そのため、戻るボタンがクリックされたイベントかどうかを判別するために、イベントハンドラ内で追加の論理判断が必要になる可能性があります。

「history.state」プロパティを使えば、現在の履歴ステートオブジェクトを取得し、戻るボタンがクリックされたときなどに適切な処理ができます。

window.addEventListener('popstate', function(event) {
var currentState = history.state;
// 在这里根据currentState进行相应的操作
});

popstateイベントはページのロード時には発火せず、ページのロード後にヒストリーがある場合のみ発火することに注意。ページのロード時にも戻るボタンのクリックを監視したい場合は、hashchangeイベントを使用して代わりに対処することを検討してください。