ブラウザバックのイベントを取得する方法

Question

pjaxで一部の要素を変更し、
jqueryでアイテムを更新しています。

ブラウザバックでpopstateでイベントを取得しようと思ったのですが、
取得できずに困っています。
他にブラウザバックを取得できるイベントがありますでしょうか。

Comments

[Lhankor_Mhy]

現在のソースをご提示願います。また、『取得できずに困っています』の具体的な現象と、エラーメッセージをご提示願います。

Answer 1

beforeunloadというイベントが存在します。これは「現在のページから別のページへ遷移するタイミング」で発火するイベントです。フォームの入力中にバックしたりリロードしたりするのをガードしてあげるためによく使われるものです。
https://developer.mozilla.org/ja/docs/Web/Reference/Events/beforeunload

ただし、このイベント内で行えることは「ブラウザごとに固定のメッセージのページ離脱警告アラートを出す」ことだけです。何かの処理を組み込んでも、ブラウザはそれを無視します(※ブラウザのバージョンによっては動作するかもしれませんが、動作しないほうが一般的です)。なので、あなたがやりたいことはこのイベントでは実現できないかもしれません。
beforeunloadで検索すると、自由なメッセージをダイアログに出す方法が散見されますが、現在ではメッセージを自由に書き換えることはできなくなっています。不埒な輩が「今ページ離れたらウィルスにやられるけどいいの！？」みたいな警告を出すことに悪用したため、固定のシンプルなメッセージのみ表示されるようになっています。

これ以外にページ離脱をブラウザ上で検知する方法はないかと思います。

Answer 2

popstate イベントは 「pushstate で追加したURLに戻った時」に発火するイベントであり、追加していないstateに戻っても発火しません。
https://developer.mozilla.org/ja/docs/Web/Events/popstate

[戻る] に対応したイベントは存在しないと思います。
通常は [戻る] は禁止せず、戻っても支障がないように設計を考えます。

Re: usuallyishihara さん

Answer 3

↓ブラウザバックしてみてください。
http://jsfiddle.net/3qc6rwan/embedded/result/

history.pushState(null, null);
window.addEventListener('popstate', function(e) {
  alert('BF')
});