jQuery

[jQuery] ページを閉じる時に確認メッセージを表示する(beforeunload)

投稿日:2017年5月28日 更新日:

ページを閉じる時に確認メッセージを表示するには、beforeunloadを使用します。


しかし、beforeunloadは厳密にいうと閉じるタイミングではなく、ページがアンロードするタイミングでイベントが発生します。なのでForm送信するタイミングでもイベント発生するので、実装に少し工夫が必要です。

サンプルソース

例1)beforeunloadのタイミングで確認メッセージを表示する

例2)submit時を除くbeforeunloadで確認メッセージを表示する

解説

  • 例1だと、ページを閉じる時に確認メッセージがでますが、submit時もメッセージが出てしまいます。
  • 例2だと、submit時はメッセージが出ません。
  • Chromeでは動作しません。 (調査中です・・)

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:



  1. 佐渡 より:

    Chromeでは動かないですね

    • とら より:

      コメントありがとうございます。

      Chromeでは確かに動かないです。
      当方でもいろいろと調べてみましたが、今の所動かす方法を見つけられませんでした。

      見つかったら記事に載せます。

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

スポンサーリンク