onbeforeunloadダイアログボックスをカスタマイズする

Question

私はonbeforeunloadイベントを使用しているので、移動したときにフォームに保存されていない変更についてダイアログボックスが表示されます。

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

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

「あなたはこのページから移動したい

あなたが保存されていない変更を持っていてもよろしいです

OKを押して、現在のページに滞在し続ける、またはキャンセルします。 "

Stack Overflowには、「投稿の書き込みや編集を開始しました」というボタンがあり、「このページに留まる」、「一般的なキャンセル」ではなく、 「OK」をクリックします。どうやってやるの？

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

Answer 1

ブラウザでは、このボックスをカスタマイズすることはできません。あなたがそれにアクセスしたときにあなたが別のブラウザを使用していたので、それは違って見える唯一の理由です。 Google Chromeは「このページに滞在する」および「このページを残す」と表示されたボタンを使用します。投稿したテキスト例に基づき、Internet Explorerを使用してonbeforeunloadハンドラをテストしたようです。