6

ユーザーが移動したときにフォームへの未保存の変更について警告するダイアログボックスをポップアップするonbeforeunloadイベントが機能しています。

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

表示されるダイアログボックスをカスタマイズして、もう少しユーザーフレンドリーにする方法を教えてください。今のところ、それはかなり扱いにくいです：

「このページから移動してもよろしいですか？

未保存の変更があります。

[OK]を押して続行するか、[キャンセル]を押して現在のページにとどまります。」

Stack Overflowには、「投稿の作成または編集を開始しました」という非常にわかりやすいボタンがあり、ボタンには、一般的な「キャンセル」や「OK」ではなく、「このページにとどまる」、「このページを離れる」と表示されます。 。どうやってやるの？

ソリューションに必要な場合は、jQueryを使用しています。

4

1 に答える 1

5

ブラウザでは、このボックスをカスタマイズすることはできません。SOで異なって見える唯一の理由は、アクセスしたときに別のブラウザを使用していたためです。Google Chromeは、「このページにとどまる」および「このページを離れる」というラベルの付いたボタンを使用します。投稿したテキストの例に基づくと、onbeforeunloadInternetExplorerを使用してハンドラーをテストしたようです。

于 2011-01-06T17:12:14.683 に答える