javascript ページ遷移時に「このサイトを離れますか?」を表示する

javascript ページ遷移時に「このサイトを離れますか?」を表示する

javascriptでonBeforeUnloadイベントハンドラを使用して、chromeでページ遷移時に「このサイトを離れますか?」を表示するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

onBeforeUnload使い方

onBeforeUnloadを使うと、ページ遷移時にダイアログを表示することが可能です。

onBeforeUnload使い方

chrome84.0.4147.105 実行結果

firefox79.0 実行結果

Edge44.18362.449.0 実行結果

Edge44.18362.449.0英語 実行結果

Edge84.0.522.63(Chromium)実行結果

Internet Explorer11 実行結果

mac safari13.1.1 実行結果

サンプルコード

以下は、「link」ボタンをクリックすると、画面が遷移し、その際にメッセージが表示されるだけのサンプルコードとなります。

※cssには「bootstrap material」を使用してます。

メッセージが表示されていることが確認できます。