javascript - ブラウザでの確認戻るボタン

Question

戻るボタンを制御する必要があります。期待どおりに機能しない同様の投稿を確認しました。

クリックした戻るボタンにカスタム確認メッセージを表示する必要があります。「キャンセル」をクリックする場合は、同じページにとどまる必要があります。

誰かがサンプルコードを用意できますか？

ありがとう

Answer 1

戻るボタンは Web ページではなくブラウザの機能の一部であるため、できる最善の方法はbeforeunloadイベントを処理することです。これにより、ユーザーが何らかの理由でページを離れる前にカスタム キャンセル メッセージを提供できます。ユーザーを別のページに正当に移動させるリンクなどを取得する前に、ハンドラーを設定し、追加のハンドラーを追加して beforeunload ハンドラーを削除する方法についてのある程度のインテリジェンスにより、探している動作に近づくことができます。参照ドキュメントの例を参照してください。

window.addEventListener("beforeunload", function( event ) {
  event.returnValue = "a non-empty string";
}, false);

Answer 2

使用

onbeforeunload

代わりにイベント。ユーザーがページを離れる前にトリガーされます。

コード例：

window.addEventListener('beforeunload',function(e){
    !confirm('Do you want to leave?') && e.preventDefault();
},false);