jQuery

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

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

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


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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


  1. 佐渡 より:

    Chromeでは動かないですね

    • とら より:

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

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

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

comment

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

関連記事

[jQuery] 子要素を取得する(.find)

指定した要素の子要素(孫要素以下も含む)を取得するには、.find()を使用します。 サンプルソース 例)定義リストの子 ...

[jQuery] セレクトボックスの要素をセットする

jQueryでセレクトボックスの要素をセットするサンプルです。 サンプルソース 例)ボタンを押すとセレクトボックスの要素 ...

[jQuery] 要素のwidth、heightを取得/設定する

要素のwidth、heightを取得/設定するサンプルです。 サンプルソース 例)要素(id="box1")の幅と高さを ...

[jQuery] 指定した要素の直前にある兄弟要素を取得する(.prev)

指定した要素の直前にある兄弟要素を取得するには、.prev() を使用します。 構文 (構文) .prev([<セレクタ ...

[jQuery] タグに付けた独自属性を取得、削除する

jQueryでタグに付けた独自属性を取得、削除するサンプルです。 サンプルソース 例)ボタンを押すと属性の取得、削除を行 ...

スポンサーリンク