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] セレクトボックスの要素をセットする

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

[jQuery] 他要素のイベントを実行する

他要素のイベントを実行するサンプルです。 サンプルソース 例)「ボタン2」をクリックすると、「ボタン1」のクリックイベン ...

[jQuery] フォーカスが外れたイベントを取得する(.focusout)

フォーカスが外れたイベントを取得するには.focusoutを使用します。 サンプルソース 例)フォーカスが外れたイベント ...

[jQuery] tooltipを設定する

jQueryでtooltipを設定するサンプルです。 ※ツールチップとは、カーソルを乗せると表示される注釈のことです。 ...

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

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

スポンサーリンク