LotusNotesな日々IBM社のLotusNotesに関係する何かを日々語ってるようなきがしないでもないブログです。 

スポンサーサイト

   ↑  --/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

(記事編集) http://mesosune.blog123.fc2.com/?overture" target="_new

--/--/-- | Comment (-) | HOME | ↑ ページ先頭へ |

【JavaScript】ページを移動する前にメッセージを出す

   ↑  2017/01/16 (月)  カテゴリー: JavaScript/CSS
ページを移動する前にメッセージを出すには、
ウインドウがアンロードされる前に発生するイベントonbeforeunloadを利用して
以下のようにかきます。

■ノーマルJavaScript
window.onbeforeunload = function(e) {
    e.returnValue = '任意のメッセージ';
}

■jQuery
$(window).on('beforeunload',function(e){
    return "任意のメッセージ";
});

しかし、
このままだとフォームから実行する際にもメッセージがでてしまいます。
回避するにはreturnValueまたはreturn を通らないようにイベント処理を書くか、
onbeforeunloadイベントを上書きします。

↓上書きする場合の例

input の場合
<input type='submit' value='送信' onclick='window.onbeforeunload=null'/>

a の場合
<a href='' onclick='window.onbeforeunload = null'></a>

jQueryだとこんな感じにもかけます。
$('a,:input').bind('click', function(){ window.onbeforeunload = function(e) {};);
スポンサーサイト

(記事編集) http://mesosune.blog123.fc2.com/blog-entry-440.html

2017/01/16 | Comment (0) | Trackback (0) | HOME | ↑ ページ先頭へ |

Comment

コメントを投稿する 記事: 【JavaScript】ページを移動する前にメッセージを出す

お気軽にコメントをぞうぞ。
非公開 (管理人のみ閲覧可能なコメント) にしたい場合には、ロック にチェックを入れてください。

  任意 : 後から修正や削除ができます。
  非公開コメントとして投稿する。(管理人にのみ公開)
 

Trackback

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。