ブラウザバックする時だけ、アラートを表示する方法（JavaScript）

Question

ご閲覧いただきまして、ありがとうございます。

Webページの実装において、ユーザーがブラウザバックをしようとした時のみ
アラート（モーダルなど）を表示したいと考えています。

調べてみたところ、下記のやり方があったのですが
戻るだけでなく、別のページに離脱する際にもアラートが表示されています。

window.onbeforeunload = function() {
  //Chromeでは動かない.デフォルトの文言が表示される.
  return "編集中です。本当に他のページに移動しますか?";
};

React側で下記の実装も試みてみたのですが、ちゃんと動きませんでした・・・。
https://stackoverflow.com/questions/39342195/intercept-handle-browsers-back-button-in-react-router

抽象的ではありますが、なにかアイデアあがあればご教示お願いしたいです。

Answer 1

以前、似たようなご質問に答えています。
ご要望にあえばいいのですが。
JavaScript - ブラウザバックのイベントを取得する方法｜teratail

Comments

[k10a]

ありがとうございます。
非常に助かります。ブラウザバック の時のみ、表示することに成功しました。