作成確認ユーザーが保存せずにページを出そうとしたときのJavaScript

Question

ユーザーがページを変更して保存せずにページを残そうとすると、「OK」と表示されるようにしようとしています"ボタン（「キャンセル」ボタンはありません）。 「OK」ボタンをクリックすると、メッセージが閉じます。ユーザーは「保存」ボタンをクリックする必要があります。そうしないと、「保存」ボタンがクリックされるまでページを離れることができなくなります。ページを離れたままにすると、サイト内の他のタブまたはメニュー項目に移動しないようにすることができます。ページ上の他のリンクをクリックすると、ポップアップが表示されます。彼らはいつでもサイトを離れることができます。

[キャンセル]ボタンを削除するにはJavaScriptのモーダルダイアログが必要だと思っていますが、実装については少し不明です。

現在のところ、r = confirm（下記参照）を使用していますが、キャンセルボタンがあります。また、「OK」をクリックするとユーザーがページを離れるオプションがあります。私は、 "保存"ボタンをクリックせずにページを離れることができないようにするか、ウィンドウ全体を閉じる必要があります。

私は非常にこれに新しいですので、任意のヘルプ/説明は非常に感謝しています。ありがとうございました。

if (typeof unsaved != 'undefined') { 
if (unsaved == true) { 
var r = confirm("Please click Update. Unsaved changes will be lost."); 
if (r == false) { 
    saveNeeded = "true"; 
    } 
    else { saveNeeded = "false"; } 
} 
} 

Answer 1

onBeforeUnloadをご覧ください。

強制的にウェブサイトに滞在することはできませんが、ウィンドウを閉じようとすると「離脱」ボタンと「滞在」ボタンが付いたポップアップウィンドウが表示されます。すべての主要なWebブラウザでは、任意のWebページを自由に残すことができます。 onBeforeUnloadはおそらく、ユーザーがサイトに滞在してから変更を保存してから退室するチャンスを与えるために、最も優れたクロスブラウザソリューションです。

<script language="JavaScript"> 
    window.onbeforeunload = confirmExit; 
    function confirmExit() { 
     return "Please click Update. Unsaved changes will be lost."; 
    } 
</script> 

それはすべての主要なWebブラウザでサポートされていない理由である、離れるのオプションなしであなたのウェブサイトにユーザーをロックしようとするのは非常に悪い習慣でしょう。ユーザーに何かをさせなければならないことが非常に重要である場合（また、会社などの権利がある場合）、別のプラットフォームを使用するか、カスタムプラグインをユーザーのWebブラウザーに書き込む必要があります。しかし、一般的な使い方では、ブラウザをロックすることはできません。