Отслеживаем значение в input во время фокуса на нем?

276

04 марта 2018, 23:27

Есть n-нное количество input. Они все с одним классом. При каждой загрузке страничке их кол-во разное от 10 до 50. Нужно отследить фокус и значения inputa на котором фокус. Пример ниже не работает.

var elem = document.getElementsByClassName('myinput'); 
for (var i = 0; i < elem.length; i++) { 
  elem[i].id = 'phonemid' + i; 
}; 
setInterval(function() { 
  for (var i = 0; i < elem.length; i++) { 
    var last = document.getElementById("phonemid" + i); 
    last.onfocus = function() { 
      var my = elem[i]; 
      console.log(my.value); 
    }; 
  }; 
}, 300);

<input class="myinput"> 
<input class="myinput"> 
<input class="myinput"> 
<input class="myinput"> 
<input class="myinput"> 
<input class="myinput"> 
<input class="myinput">

Отследить значение - это я кликаю на любой input ввожу туда любую цифру и с каждый изменением input-a мне приходит значение этого input-а в консоль.

Answer 1

var elem = document.getElementsByClassName('myinput'); 
 
 
for (let i = 0; i < elem.length; i++) { 
  elem[i].addEventListener('input', function() { 
    console.log(this.value, 'this index ' + i); 
  }) 
 
}

<input class="myinput"> 
<input class="myinput"> 
<input class="myinput"> 
<input class="myinput"> 
<input class="myinput"> 
<input class="myinput"> 
<input class="myinput">

Answer 2

Непонятно, при чем здесь фокус и setInterval.

$(".myinput").on("input", function() { 
  console.log(this.value); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input class="myinput" /> 
<input class="myinput" /> 
<input class="myinput" />

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Дублирование pagination у слайдера (jQuery)

Не могу понять, как генерировать у слайдеров pagination таким образом, чтобы они не повторяласьИ у каждого слайдера пункты pagination соответствовали...

327

HTML