ブラウザの戻るボタンを無効にする？

全てのブラウザで有効ではないですが、window.onbeforeunloadイベントを使用することで、ブラウザの戻るボタンをある程度制御することが可能です。

コードはこんな感じ(prototype.jsを使ってます)。

<script type="text/javascript" src="prototype.js"> </script> <script type="text/javascript"> <!-- Event.observe(window,'beforeunload',                        checkBrowserUnload,false); function checkBrowserUnload(e) {      window.event.returnValue = "ページを移動すると、今までの作業が破棄されます。よろしいですか？"; } //--> </script>

メッセージは以下のように表示されます(IE7)。

動作確認したのは、以下のブラウザです。

• IE5.0 → △
  • サンプルプログラムはJavaScriptエラー(prototype.jsはIE6+) 。
  • window.onbeforeunloadに関数を直接割り当てればうまくいく。
• IE5.5 → ○
• IE6.0 → ○
• IE7.0 → ○
• FireFox1.0 → ×
• FireFox1.5 → ×
• FireFox2.0 → ×

尚、以下のサイトを参考にさせていただきました。感謝。

[JavaScript]ページ遷移前に確認をする、onbeforeunload(COLLECTION & COPY)

feedpath tags: ajax  generated by feedpath

feedpath tags: ajax  generated by feedpath