window.onclickで取得した要素が何か調べたい

Question

    window.onclick = function(e){
        //マウスカーソルの座標を取得
        var x = e.clientX;
        var y = e.clientY;
        
        //座標上の要素を取得
        var elem = document.elementFromPoint(x, y);
        console.log(elem);
    }

上記のような座標から要素を取得した際に、取得した要素がinput属性のものかどうかはどのように判別したらよいでしょうか？
※input要素の取得時だけ実行したい処理があるため。

Answer 1

e.targetでイベントの発生したエレメントを取ることができます（MDN）。

Answer 2

取得した要素がinput属性のものかどうかはどのように判別したらよいでしょうか？

input 属性とはどの要素が持つ属性でしょうか。
属性は getAttribute で取得できます。

• element.getAttribute - Web API インターフェイス | MDN

※input要素の取得時だけ実行したい処理があるため。

Element#tagName で要素名を参照できます。

• element.tagName - Web API インターフェイス | MDN

Re: coko1 さん

Answer 3

ご提示のソースをそのまま流用するとこう？

<script>
window.onclick = function(e){
  var x = e.clientX;
  var y = e.clientY;
  var elem = document.elementFromPoint(x, y);
  console.log(elem.nodeName=="INPUT");
}
</script>
<div>
<input type="button">
</div>

ただし同じ箇所に複数ノードは存在していることをわすれないでください
上記であればボタンの箇所にはdivがあってbodyがあってhtmlがあります