input type="date"でカレンダー外をクリックした場合のイベント検出

Question

input type="date"を生成してクリックするとカレンダーが出ます
カレンダーの枠の外をクリックするとカレンダーが閉じる仕様のようです
枠外をクリックした場合のイベント検出するにはどうしたらいいでしょうか

Windows Firefox

input=document.createElement("input");
input.type="date";
input.style.width="100px";
input.style.height="100px";
input.addEventListener('canncel', function() {
alert("canncel");
});
document.body.appendChild(input);

Comments

[skys215]

blurイベントは試してみましたか？

[azqrye]

blurでもできました
ありがとうございます

Answer 1

<script>
document.addEventListener('click',e=>{
  if(!e.target.closest('[type=date]')){
    console.log("枠外");
  }
});
</script>
<input type="date">

Comments

[azqrye]

ありがとうございました