2006-02-01
■[JavsScript]ブラウザの戻るボタンを制御する。onbeforeunload
Ajaxアプリケーションなどで、ユーザーがブラウザの「戻る」「進む」ボタンをクリックするなどして画面を移動しようとした場合に、確認メッセージのダイアログを表示するには、bodyタグのonbeforeunloadイベントを使います。
下の例では、関数 doBeforeUnload で、ダイアログに表示したいメッセージを戻り値として返します。
ダイアログにはメッセージとともに「OK」「キャンセル」の２つのボタンが表示され、「OK」をクリックすると画面が移動し、キャンセルをクリックすると、そのままになります。
<html>
<head>
<script language="javascript" type="text/javascript">
function doBeforeUnload() {
return "編集内容はまだ保存されていません。";
}
</script>
</head>
<body onbeforeunload="return doBeforeUnload();">
</body>
</html>
Permalink | コメント(0) | トラックバック(0) | 13:06 
