未保存の変更に対する OnBeforeUnload ダイアログを改善するにはどうすればよいですか?

OnBeforeUnload ダイアログのカスタマイズ: 包括的なソリューション

onbeforeunload イベントは、ページを離れる前に未保存の変更についてユーザーに警告するための重要なツールです。ただし、このイベントによって表示されるデフォルトのダイアログは最適ではない場合があり、カスタマイズが必要になります。残念ながら、デフォルトのダイアログを変更することは実現できません。

解決策: 制限内での作業

既存のダイアログを使用するには、ウィンドウの returnValue プロパティに文字列を割り当てます。 .event:

window.onbeforeunload = function() {
    return 'You have unsaved changes!';
}

に関する追加メモjQuery

• 複数のイベントをトリガーする可能性があるため、onbeforeunload には jQuery のイベント ハンドラーを使用しないでください。
• jQuery を使用する場合は、一般的なバインド構文を使用します。

$(window).bind('beforeunload', function() {} );

のカスタムメッセージChrome

Chrome バージョン 51 以降、onbeforeunload ダイアログのカスタム メッセージは非推奨になっていることに注意してください。

結論

onbeforeunload ダイアログは使用できません。これらのソリューションは完全にカスタマイズできるため、ユーザー エクスペリエンスを向上させ、未保存に関する重要な情報を伝達する効果的な方法を提供します。変更されます。

以上が未保存の変更に対する OnBeforeUnload ダイアログを改善するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。