Здравствуйте. Подскажите пожалуйста, пытаюсь повесить обработчик на событие "blur" на инпате и получаю ошибку.
Код:
|
Uncaught TypeError: a.log is not a function
at HTMLInputElement.a.(:3000/anonymous function).addEventListener (http://localhost:3000/js/all.js:1:793) |
Хотя обработчик на "фокус" срабатывает нормально. Вот код:
window.addEventListener('DOMContentLoaded', (e) => {
let controls = document.getElementsByClassName('input__control');
for(let i = 0; i<controls.length; i++){
controls[i].addEventListener('focus', (e)=>{
let input = e.target.closest('.input');
input.classList.add("input_focused");
console.log(controls[i]);//Тест
controls[i].addEventListener("blur", (e)=>{
controls.log('111');//Тест
})
})
}
});
Вот HTML:
<span class="input input_size-l search__input">
<span class="input__box">
<input class="input__control" placeholder="Что ищите?" name="search" id="search" value="">
</span>
</span>