【JavaScript】１つ前のevent.targetの取得

Question

こんにちは。

前提：selectをonClickした際に2つのイベントが起こる。window.onfocusは変更できない。ｊQueryははいっていない。

困っていること：window.onfocus内でevent.targetを使用する際、取得できる値がselectをclickした時以外にも、別windowを閉じるなどの処理をしても取得できてしまい。狙ったもの以外も取れてしまう。

処理的にselectをclickした祭にまずtest or test1が取得でき、別windowが開かれ、その別windowを閉じた際に、空文字(?)null(?)が取得されて困っています。

やりたいこととしましては、test or test1じゃない時には、１つ前のevent.targetの値が来るようにしたいです。（１つ前のevent.targetの取得）

ーｊｓー
function window(){
 別windowを開く処理が書かれている。
}

window.onfocus = function(){
 function test(){
  var event = event.target.name;
  var test = document.getElementById('test').name;
  var test2 = document.getElementById('test2').name;

　　　//↓空文字(?)null(?)が取得された時にこのif文を通ってくれない
  if(event === test){~処理~
  }else if(event === test2){~処理~
  }
 }
 test();
}

ーｈｔｍｌー
<select name="test" id="test" onclick="window();window.onfocus()">
 <option value="1">1</option>
 <option value="2">2</option>
</select>

<select name="test2" id="test2" onclick="window();window.onfocus()">
 <option value="1">1</option>
 <option value="2">2</option>
</select>

よろしくお願いします

Comments

[kei344]

onfocus の中に「function test()」を置いている意図がわかりません。また、onfocus を変更できないならその理由を具体的に質問文に追記されたほうが良いと思います。

Answer 1

いまいち質問の内容がわからないのですがイベントのtypeをチェックしてみてはどうでしょうか？

$(function(){
  $(window).on('click focus',function(e){
    console.log(e.type);
  });
});

Comments

[tonari]

回答ありがとうございます。
わかりづらく申し訳ないです。（修正しました）
if(event === test){~処理~
}else if(event === test2){~処理~
}
event.targetの値で空文字等が入ることでここを通らないのが問題点です。
typeもやってみましたが、少し違うようでした。
わかりづらく申し訳ないです

Answer 2

適切なイベントを使いましょう。

window.onfocusは、その名の通りエレメントにフォーカスが当たった場合に呼ばれるイベントなので、selectのonclick以外の場合にも呼ばれてしまいます。

onfocusで動くのが邪魔なら、イベントハンドラに別な名前をつけてください。

Comments

[tonari]

回答ありがとう御座います
<select name="test2" id="test2" onclick="window()" onchange="window.onfocus()">等も試してみたのですがうまく行きませんでした。

[maisumakun]

関数を「onfocus」という名前にしているだけで、focusイベントでも動いてしまいます。名前を変えましょう。

[tonari]

返信ありがとうございます。
申し訳ないですが、window.onfocus()の変更は今回はできない仕様なのです。（処理もこの中）
なんとかevent.targetの方で何かしらすることはできないでしょうか？