SQLの窓

2014年10月02日


各ブラウザで、onbeforeunload を使おうとすると



上は、IE9 です。(現在は IE11 でエミュレーションできる全てのバージョンで動作します)

▼ IE11


Firefox は、いまだに returnValue にも何か文字列をセットしないと動作しません。

Firefox では、returnValue に値をセットする必要があるようで、しかもバグによって設定した文字列は表示されない事が記されています

リンク先では、IE も returnValue を使うような事が書かれていますが、IE9 ではreturn "文字列"; で動作し、リンク先の内容から Safari も return "文字列" であると書かれています。

結果的に、Google Chrome も動作しましたが、Opera はこのイベントそのものが実装されておらず、ページ移動時のチェックはできないようです。
※ 現在 Opera 15 では、WebKit エンジンに変わった為動作するらしいです。
<script type="text/javascript">
var postsw = 0;
if (window.attachEvent){
	window.attachEvent('onbeforeunload', unloadCheck);
}
else {
	window.addEventListener('beforeunload', unloadCheck, false);
}

function unloadCheck(ev) {
	var str;
	if ( postsw == 0 ) {
		str =  "★★★★★★★★★★★★★★★★★★★★★★\n";
		str += "     ページを移動しないで下さい!!\n";
		str += "★★★★★★★★★★★★★★★★★★★★★★\n";
		ev.returnValue = str;
		return str;
	}
}
</script>

postsw を、正当なページ移動処理時(submit ボタン等)の実行時に 1 にするとダイアログは表示されません

Firefox



Google Chrome



Safari(古い画像です)




【WEBブラウザの最新記事】
posted by lightbox at 2014-10-02 19:09 | WEBブラウザ | このブログの読者になる | 更新情報をチェックする
バッチ処理

Microsoft Office
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
PHP正規表現チェッカー
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり