jQuery

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

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

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


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

サンプルソース

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

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

解説

  • 例1だと、ページを閉じる時に確認メッセージがでますが、submit時もメッセージが出てしまいます。
  • 例2だと、submit時はメッセージが出ません。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 配列内の要素の有無を判定する($.inArray)

配列内の要素の有無を判定するには、inArrayを使用します。 サンプルソース 例)数値配列arrに、3が存在するか判定 ...

[jQuery] オブジェクトをマージする($.extend)

オブジェクトをマージするには、$.extend()を使用します。 サンプルソース 例1)obj1にobj2の値をマージす ...

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

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

[jQuery] XML文字列をXMLドキュメントに変換する($.parseXML)

XML文字列をXMLドキュメントに変換するには、$.parseXML()を使用します。 サンプルソース 例)XML文字列 ...

[jQuery] 要素が空かどうか判定する($.isEmptyObject)

jQueryで要素が空かどうか判定するには、$.isEmptyObject()を使用します。 サンプルソース 例)変数o ...

スポンサーリンク