タブを閉じるで「いいえ」を選択した際に元の画面に戻す方法について

前提・実現したいこと

タブを閉じる表示を出した後にタブを閉じますか？のポップアップが表示され、「いいえ」を選択した場合に元の画面に戻るようにしたい。

発生している問題・エラーメッセージ

プログラムが走ってしまい、想定されたエラーメッセージが表示される。
例：IDが入力されておりません。

該当のソースコード

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="UTF-8">
5
6<title>ログイン画面</title>
7</head>
8
9<body style="background-color : #c0c0c0;" class="class1">
10	<form action="/login" method="POST">
11<div style="width : 351px;height : 24px;top : 10px;left : 188px; position : absolute;	z-index : 8; " id="Layer1" align="center">
12	<font SIZE="+1">ログイン画面</font></div>
13<div style="width : 351px;height : 26px;top : 0px;left : 188px;	position : absolute;	z-index : 8; " id="Layer11" align="center">
14	<font SIZE="+1"><p><br><br></p></font></div>
15<p>
16<div style="width : 351px;height : 30px;top : 25px;left : 188px; position : absolute;	z-index : 8; " id="Layer10" align="center" >
17	<font SIZE="+1" color=<%= color %>><p><%= content %></p></font>
18</div>
19</p>
20
21<div style='width : 332px;height : 20px;top : 108px;left : 250px; position : absolute; background-image : url("url()");	z-index : 6;
22 ' id="Layer3" align=""><b>ログインID</b><input type="text" name="name_number" size="10" maxlength="10" id="id" <%= disabled %>>
23<script type="text/javascript">
24    // 上記の入力欄にフォーカスを与える
25    document.getElementById('id').focus();
26</script>
27</div>
28<div style='width : 332px;height : 20px;top : 180px;left : 250px; position : absolute; background-image : url("url()");	z-index : 5;
29' id="Layer5" align=""><b>パスワード</b><input type="password" name="password" size="11" maxlength="10" <%= disabled %>></div>
30<div style="top : 218px;left : 8px;	position : absolute; z-index : 4; " id="Layer6"></div>
31<div style="top : 251px;left : 8px;	position : absolute; z-index : 3; " id="Layer7"></div>
32<div style="top : 284px;left : 8px;	position : absolute; z-index : 2; " id="Layer8"></div>
33<div style="width : 586px;height : 68px;top : 317px;left : 70px; position : absolute;	z-index : 1;	" id="Layer9" align="center">
34	<input type="image" src="images/login_ok.gif" <%= disabled %> width="180" height="37" border="0" >　
35	<a href="#" onclick="window.close()"><input type="image" src="images/login_cancel.gif" width="180" height="37" border="0" >　</a>
36	</div>
37	</form>
38</body>
39</html>

試したこと

html タブを閉じるで検索しましたが、いい解決策が見つかりません。

補足情報（FW/ツールのバージョンなど）

visualstudiocodeにて作成し、IE11で表示させています。

maisumakun

2020/12/24 03:36

> タブを閉じる表示を出した後にどのような操作をしたら、どんな表示が出たのですか？

行動規範の内容に同意します

回答1件

ベストアンサー

javascript
1  // 上記の入力欄にフォーカスを与える
2    document.getElementById('id').focus();
3
4// こんな感じですか
5window.addEventListener('beforeunload', function(event){
6  event.preventDefault();
7  event.returnValue = '';
8});

投稿2020/12/24 04:22

退会済みユーザー

総合スコア0

kansai5963

2020/12/24 05:22

ご回答いただきありがとうございます。ほぼ想定しております動きになってきましたが、この場合「OK」を押した時はメッセージを表示させずに次の画面に遷移させたいのですが、「OK」を押した場合も「このページから移動しますか？」の表示が出てしまいます。「キャンセル」を押した時のみこの表示を出すようにはできますでしょうか？

行動規範の内容に同意します