Как найти input под фокусом?

Question

[lookingfor2]

Есть коллекция inputов

var input = document.getElementsByTagName('input')[0];

input.onfocus = (call) => {
    console.log(call)
}

Так сработает, но если не укажу ключ элемента, логично что работать не будет.
Как определить на каком инпуте из всей коллекции фокус

Comments

[Антон Литвиненко]

Перебрать коллекцию циклом с проверкой на фокус?

[lookingfor2]

Антон Литвиненко, мне же нужно в момент фокуса определить какой input под фокусом , как я переберу
Извините, может я чего то не понимаю, можете показать , если есть идея

[Антон Литвиненко]

lookingfor2, делегирование.
$(document).on('focus', 'input', function(e){
console.log("focused on " + $(e.target).attr('id'));
});

[lookingfor2]

Антон Литвиненко, спасибо большое вам )

Answer 1

[Aetae]

Ответ на вопрос: document.activeElement.
Ответ на то что подразумевалось в вопросе:

function onInputFocus(){
   console.log(this)
}
var inputs = document.getElementsByTagName('input');
for(var i = inputs.length; i--;) 
  inputs[i].addEventListener('focus', onInputFocus);

или, если нужна поддержка динамически добавленного:

document.addEventListener('focus', function(event){
  var target = event.target;
  if(!target || target.tagName !== 'INPUT') return;
  console.log(target)
}, true)

Comments

[zkrvndm]

Фокусный элемент на странице всегда один, не бывает такого, что фокус стоит на двух и более полях одновременно, соответственно можно тупо запросить:
document.querySelector('input:focus');

Answer 2

[zkrvndm]

Найти элемент под фокусом можно вот так:
document.querySelector('input:focus');
Способ простой, но не все о нём знают.