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

JavaScript: ページ終了前の確認

ユーザーが確認なしにページを離れることを防ぐために、多くの開発者は onunload イベントを使用します。ただし、この方法には制限があります。

onunload の課題

onunload はページのアンロードが開始された後にトリガーされるため、ユーザーのリダイレクトや確認プロンプトの表示には適していません。

代替: onbeforeunload

onunload の代わりに onbeforeunload を使用します。このイベントはページのアンロードが開始される前に発生し、次のことが可能になります。

• 確認メッセージを表示
• ユーザーが拒否した場合はページのアンロードをキャンセル

JavaScript による実装

jQuery の使用

onbeforeunload の制限事項

• 確認メッセージのみが表示されます。
• ユーザーがそのまま使用することを選択した場合、ユーザーをリダイレクトすることはできません。
• Chrome などのブラウザは、onbeforeunload 内でアラートをブロックする場合があります。

追加オプション

ページのアンロード プロセスをさらに制御するには:

または jQuery を使用:

注: onunload ではユーザーをリダイレクトできず、Chrome はその中のアラートをブロックします。

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