Доброго времени суток!
Раньше использовал только jQuery, но сейчас решил попробовать чистый JS.
И столкнулся с проблемой добавления события focus на динамически создаваемые элементы.
Задача такая.
Есть один textarea, при фокусе на него, ниже должен добавиться такой же пустой textarea, при клике на следующий — еще один и так далее.
Помучил Google, понял что повесить событие на focus нельзя, проблему решил так:
document.querySelector('.item-fields').addEventListener('click', function (e) {
if (e.target.tagName === 'TEXTAREA') {
let wrapFields = e.target.closest('.item-fields');
let cloneField = e.target.closest('.item').cloneNode(true);
cloneField.querySelector('.task-title').value = '';
wrapFields.append(cloneField);
}
});
Но теперь мне нужно сделать так, чтобы при потере фокуса textarea - отправлялся запрос на сервер для сохранения. Но никак не могу понять, как мне поймать событие focus? Сейчас, когда клик после textarea, e.type = 'click'.