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

このページの記事目次 ( ← 2017年01月 → )

スポンサーサイト

   ↑  --/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は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 | ↑ ページ先頭へ |

【jQuery】jQueryからノーマルな書き方を知る方法

   ↑  2017/01/04 (水)  カテゴリー: JavaScript/CSS
Notesの場合結構な頻度であるあるですが、
jQuery を使用できない環境の場合どうやってかけばいいよと教えてくれるサイト

YOU MIGHT NOT NEED JQUERY
http://youmightnotneedjquery.com/

You Don't Need jQuery
http://qiita.com/tatesuke/items/b9548dd484b01b139b74

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

2017/01/04 | Comment (0) | Trackback (0) | HOME | ↑ ページ先頭へ |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。