画面表示時のみ、かつブラウザが開かれていない場合にタブを閉じる方法について

Question

新規にタブを開いて画面を表示する際に、ブラウザが開かれていなければそのタブを閉じる実装を実現したいです。

			windowClose = function () {
				document.addEventListener("visibilitychange", function() {
					if (document.visibilityState === 'hidden') {
						window.close();
					} else {
						return false;
					}
				});
			};
　　　　　　　$(window).on("load", function() {
　　　　　　　　windowClose();
　　　　　　　});

上記の実装で画面の非表示を検知してタブを閉じることはできるのですが、windowCloseがいつでも呼び出されてしまい「画面表示時のみ」という部分を実現できません。つまり、画面表示時にブラウザに滞在していれば以降はそのまま表示し続けて問題なく、画面表示された際に1度だけ処理が実行されるような実装がゴールです。
有効な実装方法があれば教えていただきたいです。

Comments

[yambejp]

質問が全体的にわかりづらいです。
・新規にタブを開いて画面を表示する→具体的にどうしていますか？
・ブラウザが開かれていなければ→どういう意味か説明してください
・そのタブを閉じる→ブラウザが開かれてないのに閉じるとは？

Answer 1

visibilitychange が1回だけ発動できれば良い、ということでよろしいですか？

イベントリスナーはaddしたものをremoveすることもできます。
https://developer.mozilla.org/ja/docs/Web/API/EventTarget/removeEventListener

addとremoveで同じ関数オブジェクトを引数に入れる必要があるので、add時のコールバック関数を無名関数にするとremoveできません。変数に入れるか通常の関数として定義し、コールバック関数中の適切な箇所でremoveEventListenerすれば良いのではないかと思います。

※要件が問題文からよくわからないので検証はしていません。あしからず。