jQuery

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

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

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


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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] テキストの選択範囲のカーソル位置を取得する

テキストボックスの選択範囲のカーソル位置を取得するサンプルです。 サンプルソース 例)選択範囲のカーソル開始位置と終了位 ...

[jQuery] オブジェクト(連想配列)かどうか判定する($.isPlainObject)

オブジェクト(連想配列)かどうか判定するには、$.isPlainObject()を使用します。 サンプルソース 例)変数 ...

[jQuery] 要素の横幅と高さを取得する

要素の横幅と高さを取得するには、outerWidth/outerHeight、innerWidth/innerHeigh ...

[jQuery] 要素内の末尾にタグを追加する(.append)

要素の後にタグを追加するには、appendを使用します。 サンプル 例)ボタンを押すと、要素の後にxyzを追加する [c ...

[jQuery] 文字列のスクリプトをグローバル領域で実行する($.globalEval)

文字列のスクリプトをグローバル領域で実行するには、$.globalEvalを使用します。 サンプルソース 例)"var ...

スポンサーリンク