jQuery

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

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

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


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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] セレクタに一致するか判定する(.is)

セレクタに一致するか判定するには、isを使用します。 サンプルソース 例)要素がclass="b"を持っているかどうか判 ...

[jQuery] 適用したメソッドを戻す(.end)

.end()を使うと、メソッドチェーンで適用したメソッドを戻すことができます。 サンプルソース 例)リストの3番目のオブ ...

[jQuery] 右クリックを禁止する

jQueryで右クリックを禁止するサンプルです。 サンプルソース 例)右クリックするとアラートメッセージを表示してメニュ ...

[jQuery] 指定した要素の兄弟要素を全て取得する(.siblings)

指定した要素の兄弟要素を全て取得するには、.siblings() を使用します。 構文 (構文) .siblings([ ...

[jQuery] 画像読込み失敗時に代替画像を表示する

画像読込み失敗時に代替画像を表示するサンプルです。 サンプルソース 例)画像aa.png読込みエラー時には、bb.png ...

スポンサーリンク