JavaScript でユーザーが確認なしにページを離れることを防ぐにはどうすればよいですか?

JavaScript での確認なしのページ終了の防止

ユーザーが確認なしでページを離れることを防ぐには、onbeforeunload イベントが効果的な解決策として機能します。このイベントを使用すると、ユーザーにページを離れたいかどうかを尋ねるプロンプトを表示できます。

実装:

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};

または、次のこともできます。これにはjQueryを利用しますtask:

$(window).bind('beforeunload', function() {
  return 'Are you sure you want to leave?';
});

考慮事項:

• onbeforeunload イベントはプロンプトのみを表示します。ユーザーを別のページにリダイレクトすることはできません。
• Chrome 14 以降では、onunload イベント内のアラートがブロックされます。したがって、ページをアンロードする前にメッセージを表示するには、代わりに onbeforeunload を使用します。

追加オプション:

への応答に基づいてユーザーをリダイレクトすることが目標の場合確認プロンプトが表示される場合は、次のような他の方法を使用できます。

1. URL ハッシュ:

確認プロンプトが表示されるときに、URL にハッシュ (#leaving など) を追加します。ユーザーが「はい」を選択した場合、ハッシュを削除し、目的のページにリダイレクトします。

2.ローカル ストレージ:

ユーザーが退会したいことを示す値をローカル ストレージに保存します。ユーザーが意図を確認したら、保存されている値を削除してリダイレクトします。

以上がJavaScript でユーザーが確認なしにページを離れることを防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。