フォームの送信を妨害せずにブラウザ ウィンドウの終了を検出するにはどうすればよいですか?

フォーム送信インターセプトなしでブラウザ ウィンドウを閉じるイベントをキャプチャする

フォーム送信との競合を避けてブラウザ ウィンドウを閉じるイベントを具体的にキャプチャするには、jQuery の beforeunloadイベントはわずかな変更で悪用できます。

beforeunload イベントは、は、ページの放棄を引き起こすあらゆるアクションのトリガーになります。ウィンドウを閉じるイベントのみに制限するために、次のアプローチを採用します。

• フラグ inFormOrLink を定義します。このフラグは、 リンクがクリックされるか、
  がクリックされたときに true に設定されます。が提出されます。これは、ユーザーがフォームまたはリンクを介して意図的にページから離れていることを示します。

• beforeunload イベント ハンドラーで、inFormOrLink の値を確認します。

  • それが true の場合、イベントはフォームの送信またはリンクのクリックによってトリガーされました。この場合、ユーザーに確認メッセージを返します。
  • それが false の場合、イベントはウィンドウを閉じるアクションによってトリガーされたため、ブラウザーが干渉することなく安全にウィンドウを閉じることができます。

jQuery バージョン 1.7 および 1.7 の更新されたコードそれ以降:

var inFormOrLink;
$('a').on('click', function() { inFormOrLink = true; });
$('form').on('submit', function() { inFormOrLink = true; });

$(window).on("beforeunload", function() { 
    return inFormOrLink ? "Do you really want to close?" : null; 
})

jQuery の古いバージョン (1.7 より前):

var inFormOrLink;
$('a').live('click', function() { inFormOrLink = true; });
$('form').bind('submit', function() { inFormOrLink = true; });

$(window).bind("beforeunload", function() { 
    return inFormOrLink ? "Do you really want to close?" : null; 
})

以上がフォームの送信を妨害せずにブラウザ ウィンドウの終了を検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。